outline-offset CSS propriété

Définition de la CSS outline-offset.

La propriété CSS outline-offset permet de spécifier la distance entre la bordure de l'élément HTML et l'outline 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-offset : 1px;
outline-offset : 3ex;
outline-offset : 0.5em;

La propriété de feuille de style outline-offset CSS peut pendre une valeur :

• numérique suivi d'une unité de longueur CSS (px, pt, em, etc..), sauf "%".

Exemple de code outline-offset CSS

Conditions d'application de la CSS outline-offset.

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

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

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

Conditions d'animation de outline-offset en CSS3.

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