English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règles CSS @

大全 des attributs CSS

Version :3 outline-Méthode d'utilisation et exemples de l'attribut offset

outline-L'attribut CSS offset est utilisé pour définir l'outline-L'attribut CSS offset est utilisé pour définir l'espace entre le contour et la bordure ou la marge de l'élément.

Le tableau suivant décrit l'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe d'utilisation de cet attribut dans les scripts JavaScript.

Valeur par défaut :0
Applicable à :Tous les éléments
Héritage :Non
Animable :Oui.Est. Veuillez consulter.
Attributs d'animation Version :3CSS
Nouvelle fonction de syntaxe JavaScript :object.style.outlineOffset="15px"

outline-Syntaxe de l'utilisation de offset

La syntaxe de cet attribut est la suivante :

outline-offset: length | initial | inherit

Les exemples suivants montrent comment utiliser outline-Attribut offset

p {
    border: 2px solid red;
    outline: 2px solid green;
    outline-offset: 10px;
}
Testez pour voir‹/›

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cet attribut.

ValeurDescription
lengthSpécifiez la distance de la ligne de contour à la marge du bord. La valeur par défaut est 0. Une valeur négative place le contour à l'intérieur de l'élément.
initialRéinitialisez cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise l'outline de son élément parent-Valeur de l'attribut offset.

Compatibilité du navigateur

outline-Compatibilité des navigateurs pour l'attribut offset. Les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cet attribut ; tous les navigateurs populaires prennent en charge cet attribut.

  • Firefox 3.5+

  • Google Chrome4+

  • Internet Explorer ×

  • Apple Safari 3.1+

  • Opera 10.5+

Pour en savoir plus

Veuillez consulter les tutoriels suivants :Contour CSS,Bordure CSS.

Attributs associés :outline,outline-width,outline-style,outline-color.