outline-width CSS propriété

Définition de la CSS outline-width.

La propriété CSS outline-width permet de spécifier l'épaisseur 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-width : 1em;
outline-width : 1px;
outline-width : thin;

La propriété de feuille de style outline-width CSS peut pendre une des valeurs suivantes :

• numérique suivi d'une unité de longueur CSS (px, %, pt, em, etc..), sauf "%".
• thin : épaisseur du contour mince.
• medium : épaisseur du contour moyenne (valeur par défaut).
• thick : épaisseur du contour épaisse.
• inherit : hérite de son parent (CSS2).

Exemple de code outline-width CSS

Conditions d'application de la CSS outline-width.

La propriété CSS outline-width 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-width à la prise de focus, utilisez la pseudo-classe :focus.

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

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

La propriété de feuille de style outline-width CSS pose des problèmes d'interprétation.
La propriété de feuille de style outline-width CSS pose un problème d'interprétation pour les valeurs thin, medium, thick dont l'épaisseur sera variable suivant le navigateur.
La propriété CSS outline-width n'est pas reconnue par Internet Explorer < 8, Firefox 1.5, Opera < 7 et Safari < 1.2.

Conditions d'animation de outline-width en CSS3.

La CSS outline-width est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.