border-left-style

Résumé

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

Note : la spécification ne définit pas comment les bordures de styles différents se connectent dans les coins.

Syntaxe

Syntaxe formelle : <br-style>
border-left-style: border-style

border-left-style: inherit

Valeurs

border-style
Est unmot-clé décrivant le style de la bordure inférieure. Il peut prendre les valeurs suivantes :
none
 
De même que le mot-clé hidden, aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, les valeurs calculées de border-left-width seront 0, même si d'autres valeurs sont définies au moyen de la propriété. Dans le cas de la fusions de cellules de tableaux et de bordures, la valeur none a la priorité la plus faible : cela signifie que si une valeur différente est définie, ce sera cette dernière qui sera utilisée.
hidden
 
De même que le mot-clé none, aucune bordure n'est affichée. Dans ce cas, sauf si une image d'arrière-plan est définie, les valeurs calculées de border-left-width seront 0, même si d'autres valeurs sont définies au moyen de la propriété. Dans le cas de la fusions de cellules de tableaux et de bordures, la valeur hidden a la priorité la plus élevée : cela signifie que si une valeur différente est définie, cette dernière ne sera pas utilisée.
dotted
 
Affiche une série de points circulaires. L'espacement de ces points n'est pas défini par la spécification et est spécifique à chaque implémentation. Le rayon des points est la moitié de la valeur calculée de border-left-width.
dashed
 
Affiche une série de courts segments rectangulaires. La dimension exacte des segment n'est pas définie par la spécification et est spécifique à chaque implémentation.
solid
 
Affiche une unique ligne droite pleine.
double
 
Affiche deux lignes dont l'addition correspond à la valeur de border-width ou border-left-width.
groove
 
Affiche une bordure aboutissant à un effet découpé. C'est l'opposé de ridge.
ridge
 
Affiche une bordure avec un effet 3D, comme si elle sortait de la page. C'est l'opposé de groove.
inset
 
Affiche une bordure qui donne l'impression que la boîte est insérée dans la page. C'est l'opposé de outset. Lorsqu'il s'applique à une cellule de tableau et la propriété border-collapse définie à collapsed, cette valeur se comporte comme groove.
outset
 

Affiche une bordure qui donne l'impression que la boîte dépasse de la page. C'est l'opposé de inset. Lorsqu'il s'applique à une cellule de tableau et la propriété border-collapse définie à collapsed, cette valeur se comporte comme ridge.

inherit
Représente le style de bordure utilisé par le parent de l'élément courant.

Exemples

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

Spécifications

Spécification Statut Commentaire
CSS Backgrounds and Borders Module Level 3 Candidate Recommendation Pas de modification significative.
CSS Level 2 (Revision 1) Recommendation Définition initiale.

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base 1.0 1.0 5.5 9.2 1.0
Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base ? ? ? ? ? ?

Voir également

Étiquettes et contributeurs liés au document

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