Exemple
Spécifiez un aperçu 15px extérieur du bord de la frontière:
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
Essayez - le vous - même » Définition et utilisation
La propriété outline-offset ajoute de l'espace entre les grandes lignes et le bord ou la bordure d'un élément.
Les contours diffèrent des bordures de deux façons:
- Un contour est une ligne tracée autour des éléments, en dehors de la bordure
- Un plan ne prend pas de place
- Un aperçu peut être non rectangulaire
| Valeur par défaut: | 0 |
|---|---|
| Hérité: | no |
| Animable: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS3 |
| Syntaxe JavaScript: | object .style.outlineOffset="15px" Try it |
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge entièrement la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| outline-offset | 4.0 | Non supporté | 3.5 | 3.1 | 10.5 |
Syntaxe CSS
outline-offset:length|initial|inherit;propriété valeurs
| Valeur | La description |
|---|---|
| length | La distance le contour est d'abord à partir du bord de la frontière. La valeur par défaut est 0 |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. Lisez à propos de hériteront |
Pages associées
CSS3 tutoriel: CSS3 Interface utilisateur
Référence HTML DOM: outlineOffset property