documentation css border-left
Vous êtes ici: Les articles techniques » documentation » Cascading Style Sheets : L'ensemble des propriétés CSS » border-leftTable des matières
border-left
Version CSS : 1
- S’applique à : Tous les éléments.
- Valeur héritée : Non
- Valeur par défaut : Pas de valeur
Compatibilité
| Navigateur | IE 6 | IE 7 | Firefox 1.5 | Firefox 2 | Opera 8.5 | Opera 9 | Konqueror 3.5 | Safari 2 |
|---|---|---|---|---|---|---|---|---|
| border-left | Partiel | Partiel | Oui | Oui | Oui | Oui | Oui | Oui |
| border-width | 90% | 90% | Oui | Oui | Oui | Oui | Oui | Oui |
| border-style | 82% | 82% | Oui | Oui | Oui | Oui | Oui | Oui |
| border-top-color | 66% | 83% | Oui | Oui | 99% | 99% | ≈100% | ≈100% |
| inherit | Non | Non | Oui | Oui | Oui | Oui | Oui | Oui |
Explications
Regroupe les différentes propriétés css permettant de définir une bordure gauche d’un élément :
- border-left-color
- border-left-style
- border-left-width
Les valeurs de ces différentes propriétés sont regroupées et peuvent être énoncées à la suite, peu importe l’ordre, mais séparées par des espaces.
Certains navigateurs n’interprèteront dailleurs pas correctement les bordures si ces 3 propriétés ne sont pas renseignées.
Se référer à ces différentes propriétés pour voir les valeurs existantes.
Les caractèristiques des autres bordures peuvent être définies avec “border-bottom”, “border-right” et “border-top” ou à l’aide de “border” pour définir tous les attributs directement.
Exemple de script
.bordure1 { border-left: #bcc2fc double 5px; } .bordure2 { border-left: dotted #808080 1pt; } .bordure3 { border-left: thick #ffd700 outset; } .bordure4 { border-left: groove #9400d3 4px; }
veille



