outline-offset

Résumé

La propriété CSS outline-offset est utiliser pour espace un outline et le bord d'un élément. Un contour est une ligne, dessinée autour des éléments, à l'extérieur de la bordure.

L'espacement est transparent (l'élément parent déterminera l'arrière-plan).

Syntaxe

outline-offset:  <longueur> | inherit

Valeurs

<longueur> 
La longueur de l'espacement. Voir <longueur> pour les unités possibles. Les valeurs négatives placent le contour dans l'élément.

Exemples

.example {
  outline: dashed thin;
  /* Déplace la bordure de 3px à l'extérieur de la bordure */
  outline-offset: 3px;
}

Le code ci-dessus produit l'effet suivant :

outline: offset 5px;

Un autre exemple :

outline: multiple offsets;

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base 1.0 1.5 (1.8) Pas de support 9.5 1.2 (125)
Fonction Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base ? ? ? ? ?

Voir également

Outline-related properties: outline, outline-width, outline-style, outline-color, outline-offset

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : Fredchat, Kyodev, FredB
Dernière mise à jour par : FredB,
Masquer la barre latérale