Propriété CSS outline-offset
Exemple
Spécifiez un contour rouge uni de 4 pixels à 15 pixels à l'extérieur du bord de la bordure :
div
{
outline: 4px solid red;
outline-offset: 15px;
}
Définition et utilisation
La outline-offset
propriété ajoute de l'espace entre le contour et le bord ou la bordure d'un élément.
L'espace entre un élément et son contour est transparent.
Les contours diffèrent des bordures de trois manières :
- Un contour est une ligne tracée autour des éléments, à l'extérieur du bord de la bordure
- Un contour ne prend pas de place
- Un contour peut être non rectangulaire
Valeur par défaut: | 0 |
---|---|
Hérité: | non |
Animable : | oui, voir propriétés individuelles . En savoir plus sur l'animation |
Version: | CSS3 |
Syntaxe JavaScript : | objet .style.outlineOffset="15px" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
outline-offset | 4.0 | 15.0 | 3.5 | 3.1 | 10.5 |
Syntaxe CSS
outline-offset: length|initial|inherit;
Valeurs de propriété
Value | Description |
---|---|
length | The distance the outline is outset from the border edge. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Pages connexes
Tutoriel CSS : interface utilisateur CSS
Référence HTML DOM : propriété outlineOffset