English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-gauche-La propriété style CSS est utilisée pour définir le style de la bordure gauche de l'élément. Cependant, dans de nombreux cas, commeborder-styleouborder-gaucheCes propriétés CSS abrégées sont plus faciles à utiliser et plus recommandées.
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe d'utilisation de cette propriété dans les scripts JavaScript.
| Valeur par défaut : | none |
|---|---|
| Applicable à : | Tous les éléments |
| Héritage : | Non |
| Animable : | Non.Voir également Propriétés d'animation。 |
| Version : | CSS 1，2，3 |
| Syntaxe JavaScript : | object.style.borderLeftStyle="dashed" |
La syntaxe de cette propriété est la suivante :
border-gauche-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
L'exemple suivant montre comment utiliser border-gauche-Attribut style.
p {
border-gauche-style: dashed;
border-gauche-width: 3px;
}Vérifiez‹/›Le tableau suivant décrit les valeurs de cet attribut.
| Valeur | Description |
|---|---|
| none | Affiche sans bord. |
| hidden | Comme none, la différence réside en ce que les cellules de tableau ontBord repliéEt deux cellules partagent un bord. La valeur hidden assure que le bord n'est pas dessiné, car son hidden a la priorité sur tous les autres styles de bord. |
| dotted | Affiche le bord comme une série de points. |
| dashed | Affiche le bord comme une série de segments courts, c'est-à-dire des tirets. |
| solide | Affiche le bord comme une ligne droite. |
| double | Affiche le bord comme deux lignes droites parallèles, avec un certain espace entre elles. La somme des deux lignes et l'espace entre elles est égal àborder-widthvaleur. |
| groove | Affiche un bord gravé dans le canevas. Il donne une impression de3L'impression de D, généralement réalisé en utilisant une couleur plus foncée que la couleur du bordborder-colorcréé par une ombre de deux couleurs plus claires et plus sombres. |
| ridge | Affiche un bord groove en sens inverse de l'effet. Il donne également une3L'impression de D, le bord semble sortir du canevas. |
| inset | Affiche un bord qui rend la boîte de l'élément semblant être intégrée au canevas. Il donne une impression de3D, ce qui est généralement réalisé en créant une ombre de deux couleurs, plus foncées que la couleur du bordborder-colorun peu plus clair et plus foncé. |
| outset | Affiche un bord inset en sens inverse de l'effet. Il donne également une3L'impression de D, le bord rend la boîte semblant sortir du canevas. |
| inherit | Si spécifié, l'élément lié utilise le bord de l'élément parent-gauche-Valeur de l'attribut style. |
border-gauche-Compatibilité du navigateur de l'attribut style, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cet attribut ; tous les navigateurs populaires prennent en charge cet attribut.
|
Avertissement : Internet Explorer 7et les versions antérieures ne prennent pas en charge value hidden. IE8Prend en charge, mais nécessite un。9et les versions supérieures prennent en charge cette valeur hidden. IE
Voir l'instruction :Bord CSS，CSS3 Border。
Attributs associés :border，border-style，border-gauche，border-gauche-color，
border-gauche-width。