Exercice 9/25

  • Dans le fichier stylesheet.css, modifiez la bordure de l'élément div (ligne 4) en spécifiant une bordure haute de 1px, une bordure droite de 2px, une bordure basse de 3px et une bordure gauche de 4px. Chaque bordure sera en trait plein solid et avec la couleur #000000;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 9/25

Vous utilisez la propriété border depuis de nombreux exercices sous la forme suivante :

border: 1px solid black;

Cette syntaxe est en fait une notation raccourcie pour affecter à chaque bordure d'un élément html (haut, bas, gauche, droite). Il est tout à fait possible de préciser à quel côté vous souhaitez appliquer un style spécifique. Il suffit d'utiliser les propriétés suivantes :

    border-top:
    border-bottom:
    border-left:
    border-right:
    

Commentaires les mieux notés

118 Commentaires

  • vincent.tripier-93

    vincent.tripier-93

    bonjour ou est mon erreur ?

    le 10/03/2023 à 17h34

  • Patricio M

    Patricio M Admin

    pas d'erreur, ton code est bon

    le 13/03/2023 à 09h37

  • charlesprat777-89

    charlesprat777-89

    bonjour le bot me dit que je dois changer seulemtn 9 proprietes du div je ne trouve pas laquelle est en trop

    le 05/03/2023 à 09h04

  • Patricio M

    Patricio M Admin

    Ton dernier code est bon!

    le 06/03/2023 à 07h46

  • tatiana.simonte.pro-48

    tatiana.simonte.pro-48

    Le bouton soumettre ne fonctionne pas

    le 07/06/2022 à 10h51

  • meriam

    meriam Admin

    Bonjour, le bouton fonctionne correctement, n'hésitez à me dire si le problème persiste encore chez vous.

    le 07/06/2022 à 12h20

  • melles.cuscianna-91

    melles.cuscianna-91

    Bonjour, je demande de l'aide je ne trouve pas mon erreur!!

    le 28/05/2022 à 08h19

  • meriam

    meriam Admin

    Bonjour, il faut laisser un espace entre le style de la bordure et la couleur.

    le 30/05/2022 à 15h41

  • bertrand.evrard-14

    bertrand.evrard-14

    résolu

    le 06/01/2022 à 18h52

  • meriam

    meriam Admin

    trés bien. Bon travail.

    le 07/01/2022 à 14h50

  • bertrand.evrard-14

    bertrand.evrard-14

    résolu

    le 06/01/2022 à 18h52

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 07/01/2022 à 14h49

  • bertrand.evrard-14

    bertrand.evrard-14

    border-top: 1px solid black #000000; border-right:2px solid black #000000; border-bottom:3px solid black #000000; border-left:4px solid black #000000; ???

    le 06/01/2022 à 13h27

  • meriam

    meriam Admin

    Bonjour, pour chaque bordure, il faut supprimer le black ==>border-top:1px solid #00000;

    le 06/01/2022 à 16h12

  • WnX

    WnX

    div { height: 50px; width: 100px; border-radius:5px; border-top:1px solid #000000; border-right:2px solid #000000; border-bottom:3px solid #000000; border-left:4px solid #000000; background-color: #4D94FF; margin: 20px 50px 10px 5px; } html, body { border: 1px dashed #ff0000; }

    le 26/10/2021 à 12h03

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 26/10/2021 à 12h35

  • karim.djedaih-5

    karim.djedaih-5

    Vous devez modifier la propriété css border-top de la balise div par la bonne valeur (1px solid #000000)

    le 21/10/2021 à 07h05

  • meriam

    meriam Admin

    Il faut écrire comme valeur 1px solid #000000; il suffit de laisser espace entre chaque valeur quand t'il s'agit d'une propriété raccourcie.

    le 21/10/2021 à 08h56

  • karim.djedaih-5

    karim.djedaih-5

    je ne comprend pas voici mon code height: 50px; width: 100px; border-top:1px solid#000000; border-bottom:2px solid#000000; border-left:3px solid#000000; border-right:4px solid#000000; border-radius: 5px; background-color: #4D94FF; margin: 20px 50px 10px 5px;

    le 21/10/2021 à 06h46

  • meriam

    meriam Admin

    Bonjour karim , vous devez laiser un espace entre le style de la bordure et la couleur.

    le 21/10/2021 à 08h55

  • karim.djedaih-5

    karim.djedaih-5

    je ne comprend pas voici mon code

    le 21/10/2021 à 06h46

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.Bon travail.

    le 21/10/2021 à 08h57

  • cedricmelou-35

    cedricmelou-35

    bonjjour je ne comprend pas mon erreur, ça me met que j'ai pas modifié la valeur de border-top. Merci d'avance

    le 24/08/2021 à 13h22

  • meriam

    meriam Admin

    Bonjour, vous devez laisser un espace entre le type de trit de la bordure et la couleur de la bordure.

    le 30/08/2021 à 01h54

  • Thomas Grn

    Thomas Grn

    Bonjour, je ne parviens pas à comprendre mon erreur. Pouvez-vous m'éclairer ?

    le 15/04/2021 à 04h15

  • meriam

    meriam Admin

    Bpour chaque coté, attribuez la couleur et le style de trait ==> exemple border-left:4px solid #000000;

    le 15/04/2021 à 14h54

  • youdjine

    youdjine

    ça été une prise de tête par solidarité du débutant je donne le von code pour vous éviter de perdre du temps. div { height: 50px; width: 100px; border-top: 1px solid #000000; border-right: 2px solid #000000; border-bottom: 3px solid #000000; border-left: 4px solid #000000; border-radius: 5px; background-color: #4D94FF; margin: 20px 50px 10px 5px; } html, body { border: 1px dashed #ff0000; }

    le 04/04/2021 à 11h33

  • fred.glemeau94-21

    fred.glemeau94-21

    bonsoir , y-a t-il une erreur . dans mon code ?

    le 01/03/2021 à 23h24

  • meriam

    meriam Admin

    Bonjour, vous devez supprimer cette ligne :border: 2px solid black;

    le 02/03/2021 à 12h15

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