outline-style CSS propriété

Définition de la CSS outline-style.

La propriété CSS outline-style permet de spécifier le style des quatre contours de l'outline d'un élément lors de sa prise de focus.
Les contours CSS d'outline ne réagissent pas comme les bordures, ces contours viennent au-dessus de l'élément et n'interviennent pas dans la taille de l'élément.

outline-style : solid;
outline-style : dotted;
outline-style : outset;
outline-style : none;

• none : aucune bordure, valeur par défaut.
• dotted : bordure en pointillé.
• dashed : bordure en tirets.
• solid : bordure continue.
• double : bordure en double trait (outline-style >= 3px).
• 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 la propriété CSS outline-style de son parent (CSS2).

Exemple de code outline-style CSS

Conditions d'application de la CSS outline-style.

La propriété CSS outline-style est applicable sur toutes les balises HTML ou XHTML.

Les contours d'outline sont utilisés dans la cadre de l'accessibilité pour les utilisateurs de clavier. Les contours d'outline permettre de visualiser l'élément qui a le focus.

Si vous devez modifier la propriété Css outline-style à la prise de focus, utilisez la pseudo-classe :focus.

La valeur de la CSS outline-style peut être mise directement dans la propriété de raccourci CSS outline.

Problème d'interprétation de outline-style en Css.

La propriété de feuille de style outline-style CSS pose des problèmes d'interprétation.
La propriété CSS outline-style n'est pas reconnue par Internet Explorer < 8, Firefox 1.5, Opera < 7 et Safari < 1.2.