border-left-style |
Style de la bordure de gauche |
---|---|
CSS |
Syntaxe
border-left-style: paramètres; |
Paramètres
Paramètre | Description | ||
---|---|---|---|
paramètres | Ce paramètre de propriété permet d'indiquer la variante : | ||
Valeur | Aperçu | Description | |
none | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer qu'il n'y a pas de bordure. | |
dashed | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style de ligne pointillé. | |
dotted | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style de point pointillé. | |
double | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer une double bordure. | |
groove | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré vers le bas. | |
hidden | Cet attribut permet d'indiquer qu'il n'y a pas de bordure à l'exception de conflit avec des éléments d'un tableau. | ||
inset | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré intérieur. | |
outset | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré extérieur. | |
ridge | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est de style ombré vers le haut. | |
solid | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer que la bordure est une seule et même couleur sans aucun motif (solide). |
Description
Cette propriété permet de définir le style ou l'apparence de la bordure de gauche d'un élément comme un tableau par exemple.
Remarques
- Définition et rôle : La propriété border-left-style permet de définir le style de la bordure gauche d'un élément. Elle contrôle l'apparence visuelle de cette bordure, comme un trait solide, en pointillés, en tirets, ou même l'absence de bordure, en offrant un large éventail de styles prédéfinis.
- Valeur par défaut : Si aucune valeur n'est spécifiée pour border-left-style, elle est définie sur none. Cela signifie qu'aucune bordure n'est visible sur le côté gauche de l'élément, sauf si un style explicite est appliqué.
- Importance dans le rendu des bordures : La propriété border-left-style est essentielle pour rendre la bordure visible. Sans un style défini (ou avec none), les propriétés liées comme border-left-color et border-left-width n'auront aucun effet visuel, car la bordure sera masquée.
- Interaction avec d'autres propriétés : Cette propriété fonctionne en complément de border-left-width (largeur) et border-left-color (couleur). Par exemple, une bordure gauche peut être définie avec un style en tirets, une largeur de 3px et une couleur rouge pour un effet visuel unique.
- Effet sur la lisibilité : Certains styles, comme dotted ou dashed, peuvent améliorer ou réduire la lisibilité selon le contexte. Par exemple, des tirets ou points très fins risquent d'être difficiles à voir sur des arrière-plans complexes, tandis que solid offre une clarté et une simplicité maximales.
- Utilisation pour des designs asymétriques : Avec border-left-style, il est possible de personnaliser uniquement la bordure gauche, indépendamment des autres côtés. Cela est utile dans des mises en page où un seul côté nécessite une bordure, comme un accent visuel ou une séparation latérale.
- Compatibilité des navigateurs : La propriété border-left-style est entièrement prise en charge par tous les navigateurs modernes et anciens, y compris Internet Explorer. Cela garantit qu'elle peut être utilisée en toute confiance pour des designs nécessitant un style de bordure spécifique, même dans des projets avec des exigences de compatibilité étendue.
Dernière mise à jour : Dimanche, le 20 décembre 2015