Exemple
Définir le style de la bordure gauche:
p
{
border-style: solid;
border-left: thick double #ff0000;
}
Essayez - le vous - même » Définition et utilisation
La propriété raccourcie border-left définit toutes les propriétés de bordure gauche dans une déclaration.
Les propriétés qui peuvent être définies, sont (in order) l' (in order) : border-left-width, border-left-style et border-left-color.
Il n'a pas d'importance si l'une des valeurs ci-dessus sont manquantes, par exemple border-left: # ff0000 solides; est autorisée.
| Valeur par défaut: | medium none color |
|---|---|
| Hérité: | no |
| Animable: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS1 |
| Syntaxe JavaScript: | object .style.borderLeft="3px dotted blue" 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 | 1.0 | 4.0 | 1.0 | 3.5 | 1.0 |
Note: Voir le soutien du navigateur individuel pour chaque valeur ci - dessous.
Syntaxe CSS
border-left:border-widthborder-styleborder-color|initial|inherit;propriété valeurs
| Valeur | La description |
|---|---|
| border-left-width | Indique la largeur de la bordure gauche. La valeur par défaut est "medium" |
| border-left-style | Indique le style de la bordure gauche. La valeur par défaut est "none" |
| border-left-color | Indique la couleur de la bordure gauche. La valeur par défaut est la couleur de l'élément |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| 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 HTML DOM: borderLeft property