Définition de la css border-style


Propriété css : border-style

Détails des versions feuilles de style css border-style
css1
css2
Détails de compatiblilité de la feuilles de style css border-style pour les navigateurs
Netscape 4.78
Netscape 6+
Internet Explorer 4+
Mozilla + et Firefox +
Safari 1 +
Chrome +


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.
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.

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.

VOTRE AVIS

Notez cette page

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5
Avis sur la page http://www.zonecss.fr/style_css/feuille_css_border_style.html Votes: 4.6 / 5 - 5 votes
Cliquez sur une étoile pour voter.



Reporter un bug ou problème d'interprétationavec la propriété border-style