border-bottom-style

Résumé

La propriété CSS border-bottom-style définit le style de ligne de la bordure inférieure d'une boîte.

Syntaxe

border-bottom-style: <border-style> | inherit

Valeurs

none 
Aucune bordure.
hidden 
Identique à none, excepté pour la gestion des conflits de bordures adjacentes dans les éléments tableau.
dotted 
Une série de points.
dashed 
Une série de tirets ou de segments de ligne.
solid 
Une ligne continue unique.
double 
Deux lignes continues qui s'ajoutent au montant des pixels définit dans border-width.
groove 
Effet de gravure.
ridge 
Opposé de groove. La bordure apparaît en 3D (sortante).
inset 
Effet d'encastrement pour la boîte entière.
outset 
Opposé de inset. La boîte entière apparaît en 3D (embossée).

Propriétés connexes

Exemples

Voir l'exemple sur une page

element {
        border-bottom-size: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #000;
}

Notes

À moins qu'une valeur border-style n'ait été définie, la bordure n'apparaît pas car sa valeur par défaut est none.

Spécifications

Compatibilité des navigateurs

Voir également

Border-bottom-related properties: border-bottom, border-bottom-color, border-bottom-style, border-bottom-width

Étiquettes et contributeurs liés au document

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