Exemple
Définir le style de la bordure gauche:
p
{
border-style: solid;
border-left-style: dotted;
}
Essayez - le vous - même » Définition et utilisation
La propriété gauche border-style définit le style de la bordure gauche d'un élément.
| Valeur par défaut: | none |
|---|---|
| Hérité: | no |
| Animable: | no. Read about animatable |
| Version: | CSS1 |
| Syntaxe JavaScript: | object .style.borderLeftStyle="dotted" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| border-left-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Note: La valeur "hidden" est pas pris en charge dans IE7 et plus tôt. IE8 nécessite un DOCTYPE!. IE9 et de soutien plus tard "hidden" .
Syntaxe CSS
border-left-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;propriété valeurs
| Valeur | La description | Joue-le |
|---|---|---|
| none | Indique pas de frontière. Ceci est par défaut | Joue-le " |
| hidden | La même chose que "none" , sauf dans la résolution des conflits de frontière pour les éléments de table | Joue-le " |
| dotted | Indique une bordure en pointillés | Joue-le " |
| dashed | Indique une bordure en pointillés | Joue-le " |
| solid | Indique une bordure solide | Joue-le " |
| double | Indique une double bordure | Joue-le " |
| groove | Indique une bordure rainurée 3D. L'effet dépend de la valeur border-color | Joue-le " |
| ridge | Indique une bordure striée 3D. L'effet dépend de la valeur border-color | Joue-le " |
| inset | Indique une bordure d'encart 3D. L'effet dépend de la valeur border-color | Joue-le " |
| outset | Indique une frontière de départ 3D. L'effet dépend de la valeur border-color | Joue-le " |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial | Joue-le " |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Pages associées
Tutoriel CSS: CSS Border
Référence CSS: border-left property
Référence HTML DOM: borderLeftStyle property