OUJOOD.COM
La propriété: border-style
Les propriétés CSS La propriété de feuille de style css border-style permet de spécifier le style de la bordure d'un élément
Définition et utilisation:La propriété border-style
La propriété border-style définit le style de quatre d'un élément bordure. Cette propriété ne peut avoir de un à quatre valeurs.
Exemples:
border-style:dotted solid double dashed;
- bordure supérieure est en pointillés
- bordure droit est solide
- bordure inférieure est en double
- bordure gauche est en petit tiret
border-style:dotted solid double;
- bordure supérieure est en pointillés
- bordures droit et gauche sont solides
- bordure inférieure est en double
border-style:dotted solid;
- bordure supérieure et inférieure sont en pointillés
- bordures droit et gauche sont solides
border-style:dotted;
- tous les quatre bords sont en pointillés
p
{
border-style:solid;
}
La valeur par défaut: non spécifier
Héritée:non
Version: CSS1
la syntaxe JavaScript: object.style.borderStyle="dotted double"
Valeurs de la propriété :
| Valeur | Description |
|---|---|
| none | aucune bordure |
| hidden | Existe mais caché utilisé pour les tableaux |
| dotted | Bordure en pointilé |
| dashed | bordure en petit tiret |
| solid | bordure en continu solid |
| double | Bordure en double |
| groove | Bordure en 3D l'effet depond de la valeur de border-color |
| ridge | Bordure en 3D l'effet depond de la valeur de border-color |
| inset | Bordure en 3D l'effet depond de la valeur de border-color |
| outset | Bordure en 3D l'effet depond de la valeur de border-color |
| inherit | Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur |
On peut dire la même chause pour definir le style de chaque bordure : haut, bas, gauche ou droite en utilisant les propiétés:
border-top-style, border-bottom-style, border-left-style , border-right-style
Par carabde 10 mars 2014