ZONE CSS
Information accessibilité
Définition de la css border-style
Définition de border-style
La propriété de feuille de style css border-style permet de spécifier le style de la bordure d'un élément.
border-style : solid;
}
La propriété de feuille de style border-style css peut prendre la valeur de :
- none, aucune bordure,
- dotted, bordure en pointillé (sauf internet explorer),
- dashed, bordure en tirets (sauf internet explorer),
- solid, bordure continue,
- double, bordure en double trait,
- groove, bordure en creux,
- ridge, bordure en saillie,
- inset, bordure en 3d lumière basse,
- outset, bordure en 3d lumière haute,
- inherit, hérite de son parent (css 2).
Si la feuille de style css border-style est suivie de deux valeurs, la première est le style des bordures horizontales (haute, basse) et la seconde celui des bordures verticales (droite, gauche).
border-style : dotted ridge;
}
Si la propriété de feuille de style border-style css est suivie de quatre valeurs, alors chaque valeur correspond à un style de bordure (haute, droite, basse, gauche).
border-style : dotted ridge double solid;
}
Exemple de code :
identifiant{border-style : solid;
}
La propriété de feuille de style border-style css peut prendre la valeur de :
- none, aucune bordure,
- dotted, bordure en pointillé (sauf internet explorer),
- dashed, bordure en tirets (sauf internet explorer),
- solid, bordure continue,
- double, bordure en double trait,
- groove, bordure en creux,
- ridge, bordure en saillie,
- inset, bordure en 3d lumière basse,
- outset, bordure en 3d lumière haute,
- inherit, hérite de son parent (css 2).
Si la feuille de style css border-style est suivie de deux valeurs, la première est le style des bordures horizontales (haute, basse) et la seconde celui des bordures verticales (droite, gauche).
Exemple de code :
.identifiant{border-style : dotted ridge;
}
Si la propriété de feuille de style border-style css est suivie de quatre valeurs, alors chaque valeur correspond à un style de bordure (haute, droite, basse, gauche).
Exemple de code :
.identifiant{border-style : dotted ridge double solid;
}
La propriété de feuille de style css border-style est applicable sur l'ensemble des balises HTML ou XHTML.
La propriété de feuille de style css border-style pose des problèmes à l'affichage, en effet l'aspect peut varier suivant le navigateur.
FAQ
Répond aux questions suivantes :
Comment créer, spécifer ou enlever le style d'une bordure?
Comment créer une bordure en pointillé?
Liste des questions les plus fréquemment posées en css.
Comment créer une bordure en pointillé?
Liste des questions les plus fréquemment posées en css.
BUG INTERNAUTE
Explication
Vous trouverez ci-dessous divers bugs d'interprétation de la css border-style.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.
VOTRE AVIS
Notez cette page
- 1/5
- 2/5
- 3/5
- 4/5
- 5/5
Votes: 4.6 /
5 - 5
votes
Cliquez sur une étoile pour voter.
Cliquez sur une étoile pour voter.