Visit Mozilla.org

CSS:border-bottom-style

Un article de MDC.

« Référence CSS

[modifier] Résumé

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

[modifier] Syntaxe

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

[modifier] Valeurs de <border-style>

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).

[modifier] Propriétés connexes

[modifier] Exemples

Voir des exemples en ligne (en)

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

[modifier] 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.

[modifier] Spécifications

[modifier] Compatibilité des navigateurs

[modifier] Voir également

border-bottom, border-bottom-color, border-bottom-style, border-bottom-width