Décalage du contour CSS
Décalage du contour CSS
La outline-offset
propriété ajoute de l'espace entre un contour et le bord/la bordure d'un élément. L'espace entre un élément et son contour est transparent.
L'exemple suivant spécifie un contour à 15 px à l'extérieur du bord de la bordure :
Ce paragraphe a un contour de 15 pixels à l'extérieur du bord de la bordure.
Exemple
p {
margin: 30px;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}
L'exemple suivant montre que l'espace entre un élément et son contour est transparent :
Ce paragraphe a un contour de 15 pixels à l'extérieur du bord de la bordure.
Exemple
p {
margin: 30px;
background:
yellow;
border: 1px solid black;
outline:
1px solid red;
outline-offset: 15px;
}
Toutes les propriétés de contour CSS
Property | Description |
---|---|
outline | A shorthand property for setting outline-width, outline-style, and outline-color in one declaration |
outline-color | Sets the color of an outline |
outline-offset | Specifies the space between an outline and the edge or border of an element |
outline-style | Sets the style of an outline |
outline-width | Sets the width of an outline |