Exercice 8/25

  • Dans le fichier stylesheet.css, modifiez la propriété margin et utilisez la notation raccourcie pour appliquer une marge externe en haut de 20px, à droite de 50px, en bas de 10px et à gauche de 5px;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 8/25

Si vous voulez ajuster une marge en particulier, vous pouvez le faire comme cela :

    margin-top: /* Valeur de la marge externe du haut */
    margin-right: /* Valeur de la marge externe de droite */
    margin-bottom: /* Valeur de la marge externe du bas */
    margin-left: /* Valeur de la marge externe de gauche */        
    

Vous pouvez aussi définir toutes les marges externes d'un élément avec la notation raccourcie. Il suffit juste de partir du haut et de tourner dans le sens des aiguilles d'une montre (Haut Droite Bas Gauche), comme cela :

    margin: 1px 2px 3px 4px
    

Commentaires les mieux notés

  • pizzutoandrea3

    peite aide

  • mram Administrateur

    il faut utiliser la notation raccourcie ...

  • hellwyn6

    Dans le titre c'est écrit haut bas gauche droite pourtant dans la leçon c'est haut droite bas gauche

  • unik9-92

    Bonjour, il y a une faute dans l' exercice au niveau du fichier stylesheet.css :border: 2px solid black; Mais ça fonctionne quand même

9 Commentaires

  • pizzutoandrea3

    pizzutoandrea3

    peite aide

    le 06/06/2017 à 00h10

  • mram

    mram Administrateur

    il faut utiliser la notation raccourcie ...

    le 12/06/2017 à 14h26

  • hellwyn6

    hellwyn6

    Dans le titre c'est écrit haut bas gauche droite pourtant dans la leçon c'est haut droite bas gauche

    le 02/09/2018 à 16h48

  • mram

    mram Administrateur

    Ce n'est pas très grave. Retenez ce qui est dit dans la leçon. Le titre de l'exercice est juste indicatif.

    le 10/09/2018 à 03h29

  • boccyan47-99

    boccyan47-99

    Bonjour, je suis bloqué

    le 20/02/2019 à 20h53

  • meriam

    meriam Administrateur

    utilisez la notation raccourcie avec la propriété margin.

    le 21/02/2019 à 12h12

  • nkeshimanabrice-37

    nkeshimanabrice-37

    ok merci...

    le 19/10/2018 à 12h54

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Marge externe : haut, bas, gauche, droite</title> </head> <body> <div></div> </body> </html>
div { height: 50px; width: 100px; border: 2px solid black; border-radius: 5px; background-color: #4D94FF; margin: auto; } html, body { border: 1px dashed #ff0000; }