mozilla
Vos résultats de recherche

    border-style

    Résumé

    La propriété CSS border-style est un raccourci pour définir le style de ligne des quatre côtés de la bordure d'un élément.

    Syntaxe

    border-style: [ <border-style> ]{1,4} | inherit
    

    Valeurs

    <border-style> 
    Le style de bordure peut prendre l'une des valeurs suivantes :
    none
    Aucune bordure, la largeur de la bordure est égale à 0. C'est la valeur par défaut.
    hidden
    Identique à none, excepté pour la résolution des problèmes de bordures, pour les éléments de tableau par exemple.
    dashed
    Lignes discontinues (tirets).
    dotted
    Lignes pointillées.
    double
    Deux lignes droites continues séparées d'un nombre de pixels défini par border-width.
    groove
    Effet de gravure.
    inset
    La boite semble enfoncée.
    outset
    Opposé de inset. La boîte semble sortir de la page.
    ridge
    Opposé de groove. La bordure semble sortir de la page.
    solid
    Ligne droite continue.

    Vous pouvez passer jusqu'à 4 valeurs :

    • Si une seule valeur est définie, elle s'applique aux quatre cotés.
    • Si deux valeurs sont définies, la première valeur s'applique aux côtés haut et bas de la bordure et la seconde aux côtés gauche et droit.
    • Si trois valeurs sont définies, la premièrere s'applique au côté haut de la bordure, la deuxième aux côtés gauche et droit et la troisième au côté bas.
    • Si quatre valeurs sont définies, la première s'applique au côté haut de la bordure, la deuxième au côté droit, la troisième au côté bas et la quatrième au côté gauche.

    Exemples

    Voir l'exemple sur une page

    element { 
      border-width: 1px;
      border-style: solid;
      border-color: black;
    }
    

    Notes

    La valeur par défaut de border-style est none. Cela signifie que si vous modifiez border-width et border-color vous ne verrez pas s'afficher de bordure, à moins de modifier également cette propriété avec une valeur différente de none ou de hidden.

    Spécifications

    Compatibilité des navigateurs

    Navigateur Version minimale
    Internet Explorer 4
    Firefox 1
    Netscape 4
    Opera 3.5

    Voir également

    border, border-width, border-color, -moz-border-radius

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: Fredchat, Yuichiro, VincentN, Mgjbot, teoli, FredB, Kyodev
    Dernière mise à jour par : teoli,
    Masquer la barre latérale