Propriété outline-offset CSS

Définition et utilisation

L'attribut outline-offset déplace la contour et la dessine à la marge de bord.

La contour diffère des bord en deux aspects :

  • La contour ne prend pas de place
  • La contour peut être non rectangulaire

Voir également :

Tutoriel CSS :Interface utilisateur CSS

Manuel de référence HTML DOM :Attribut outlineOffset

Exemple

Définit la contour à 15 pixels en dehors de la marge de bord :

div
{
bord:2px solide noir;
outline:2px solide rouge;
outline-offset:15px;
}

Essayez-le vous-même

Syntaxe CSS

outline-offset: longueur|hérité;

Valeur de l'attribut

Valeur Description
longueur Distance entre la contour et la marge de bord.
hérité Définit que la valeur de l'attribut outline-offset doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : 0
Héritabilité : non
Version : CSS3
Syntaxe JavaScript : objet.style.outlineOffset="15px"

prise-en-charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5