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

  • romainls-19

    Je n'arrive pas à comprendre mon erreur: div { height: 50px; width: 100px; border: 2px solid black; border-top: 1px solid #000000; border-bottom: 3px solid #000000; border-left: 4px solid #000000; border-right: 2px solid #000000; border-radius: 5px; background-color: #4D94FF; margin: 20px 50px 10px 5px; } html, body { border: 1px dashed #ff0000; }

  • romainls-19

    Bonjour,

  • nzeukeng.rodrigue-95

    salut je ne comprend ou est mon erreur

  • mram Administrateur

    Ligne 7 à 10, mettez votre code en minuscule.

42 Commentaires

  • mram

    mram Administrateur

    Ligne 7 à 10, mettez votre code en minuscule.

    le 04/09/2016 à 13h56

  • ousmane445

    ousmane445

    Au secours, je n'arrive pas a trouver la bonne reponse

    le 10/02/2017 à 20h41

  • c-franz

    c-franz

    VÉRIFIEZ LA SYNTAXE DE LA RÈGLE CSS POUR LA BORDURE HAUTE DU <DIV>.,VÉRIFIEZ LA SYNTAXE DE LA RÈGLE CSS POUR LA BORDURE DROITE DU <DIV>.,VÉRIFIEZ LA SYNTAXE DE LA RÈGLE CSS POUR LA BORDURE BASSE DU <DIV>.,VÉRIFIEZ LA SYNTAXE DE LA RÈGLE CSS POUR LA BORDURE GAUCHE DU <DIV>.,VOUS DEVRIEZ AVOIR 1 ÉLÉMENT HTML AVEC LA RÈGLE CSS "BORDER-TOP: 1PX SOLID #000000".,VOUS DEVRIEZ AVOIR 1 ÉLÉMENT HTML AVEC LA RÈGLE CSS "BORDER-RIGHT: 2PX SOLID #000000".,VOUS DEVRIEZ AVOIR 1 ÉLÉMENT HTML AVEC LA RÈGLE CSS "BORDER-BOTTOM: 3PX SOLID #000000".,VOUS DEVRIEZ AVOIR 1 ÉLÉMENT HTML AVEC LA RÈGLE CSS "BORDER-LEFT: 4PX SOLID #000000". voici mon CSS: div { height: 50px; width: 100px; border-radius: 5px; background-color: #4D94FF; margin: 20px 50px 10px 5px; BORDER-TOP: 1PX SOLID #000000; BORDER-RIGHT: 2PX SOLID #000000; BORDER-BOTTOM: 3PX SOLID #000000; BORDER-LEFT: 4PX SOLID #000000; } html, body { border: 1px dashed #ff0000; } Je ne trouve pas de différences???

    le 02/09/2016 à 14h21

  • mram

    mram Administrateur

    Relisez les instructions, vous vous trompez dans l'ordre dans la taille des bordures.

    le 14/02/2017 à 01h29

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 06/06/2017 à 00h20

  • ordy225

    ordy225

    bonsoir j'ai un problème avec mon résultat:"VÉRIFIER LA SYNTAXE DU SÉLECTEUR POUR L’ÉLÉMENT <DIV>"

    le 08/04/2017 à 19h47

  • ordy225

    ordy225

    J'ai enfin trouver le résultat excusez moi pour l'alerte précipiter

    le 08/04/2017 à 20h25

  • mram

    mram Administrateur

    En effet, n'oubliez pas de bien positionner vos accolades, même si votre code est correct il faut aussi essayer d'avoir un code et une syntaxe propres.

    le 11/04/2017 à 16h09

  • santikush

    santikush

    Excusez moi mais je ne vois pas où mon code cloche div { 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; } html, body { border: 1px dashed #ff0000; }

    le 09/05/2017 à 19h16

  • mram

    mram Administrateur

    Lignes 8 à 11 il faut mettre des minuscules.

    le 12/06/2017 à 14h30

  • mram

    mram Administrateur

    Bonjour il faut aussi garder la propriété initiale "border: 1px solid black" et mettre les nouvelles après.

    le 15/05/2017 à 13h22

  • steven.guilpin

    steven.guilpin

    bonjour j'ai un probleme mon code css ne marche pas pourtant il me semble bon

    le 08/12/2017 à 15h56

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ?

    le 10/12/2017 à 14h44

  • nathalie.chenparis

    nathalie.chenparis

    Je comprend pas quelle est mon erreur

    le 17/04/2018 à 16h54

  • mram

    mram Administrateur

    Bonjour, vous avez des espaces inutiles après les accolades { .

    le 18/04/2018 à 05h08

  • valerie.major-59

    valerie.major-59

    bonjour, je ne comprends pas d'où vient mon erreur

    le 05/03/2019 à 01h02

  • meriam

    meriam Administrateur

    vous avez supprimé la propriété border-radius: 5px;

    le 05/03/2019 à 10h31

  • steven.guilpin

    steven.guilpin

    Vérifiez la syntaxe de la règle CSS pour la bordure droite du <div>. Vérifiez la syntaxe de la règle CSS pour la bordure basse du <div>. Vérifiez la syntaxe de la règle CSS pour la bordure gauche du <div>. Vous devriez avoir 1 élément html avec la règle CSS "border-right: 2px solid #000000". Vous devriez avoir 1 élément html avec la règle CSS "border-bottom: 3px solid #000000". Vous devriez avoir 1 élément html avec la règle CSS "border-left: 4px solid #000000".

    le 11/12/2017 à 14h23

  • mram

    mram Administrateur

    Bonjour, il y a peut-être un espace inutile après l'accolade {

    le 14/12/2017 à 21h07

  • ts.fabius-98

    ts.fabius-98

    bonsoir, svp je vois où est mon erreur

    le 09/09/2018 à 01h36

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ? ça aidera à identifier le souci.

    le 10/09/2018 à 03h10

  • tjmasiee-86

    tjmasiee-86

    Je ne comprend pas mon erreur j'ai ce message qui : Vous devez modifier 9 propriété css de la balise div

    le 22/02/2019 à 13h54

  • meriam

    meriam Administrateur

    la valeur de la propriété border n'est pas correcte, Il faut 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: 
    

    le 24/02/2019 à 23h49

  • guillaume.ban-52

    guillaume.ban-52

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

    le 08/08/2019 à 11h21

  • meriam

    meriam Administrateur

    Bonjour, la propriété border est inutile puisque vous avez ajouté une bordure pour chaque coté.

    le 08/08/2019 à 14h26

  • bsidy01-4

    bsidy01-4

    slt je ne trouve pas mes erreurs

    le 19/09/2018 à 00h25

  • meriam

    meriam Administrateur

    slt, vous devez bien lire l'explication de l'exercice, vous avez inverser les valeurs indiquées pour les bordures.

    le 02/10/2018 à 17h29

  • haitoulai.kebe-37

    haitoulai.kebe-37

    Cebon j'ai trouvé

    le 25/02/2019 à 14h54

  • valerie.major-59

    valerie.major-59

    Merci ça fonctionne

    le 05/03/2019 à 15h33

  • tom.hyttenhove-8

    tom.hyttenhove-8

    Bonjour, comme j'ai pu le remarquer sur cetains exercice, quand je soumets ma réponse, le correcteur invalide ma réponse en me demandant quelque chose qui n'est pas formulé dans la consigne. J'ai trouvé pour cet exercice la, mais ce serait mieux de le préciser directement dans la consigne histoire de ne pas galérer pour rien ;)

    le 17/01/2019 à 09h55

  • petya.koleva3305-83

    petya.koleva3305-83

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

    le 10/03/2019 à 17h33

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; }