CSS outline-stylePropriété

Exemple

Définir le style du contour :

p
{
outline-style:dotted;
}

Essayez-le vous-même »

Plus d'exemples en bas de cette page.

Le contour (outline) est une ligne tracée autour d'un élément, située à l'extérieur du bord de la bordure.

La propriété outline-style spécifie le style du contour.

Valeur par défaut :	none
Héritée :	non
version :	CSS2
Syntaxe JavaScript :	object.style.outlineStyle="dotted"

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.

Propriété
outline-style	1.0	8.0	1.5	1.2	7.0

Le contour est dessiné autour de l'élément. Il entoure la marge de l'élément. Cependant, il s'agit d'une propriété différente de la propriété border.

Le contour ne fait pas partie des dimensions de l'élément, donc les propriétés width et height de l'élément n'incluent pas la largeur du contour.

Valeur	Description
none	Par défaut. Ne définit aucun contour.
dotted	Définit un contour en pointillés.
dashed	Définit un contour en tirets.
solid	Définit un contour solide.
double	Définit un contour à double ligne. La largeur de la double ligne est égale à la valeur de outline-width.
groove	Définit un contour rainuré en 3D. Cet effet dépend de la valeur de outline-color.
ridge	Définit un contour en crête 3D. Cet effet dépend de la valeur de outline-color.
inset	Définit un contour encastré en 3D. Cet effet dépend de la valeur de outline-color.
outset	Définit un contour en relief 3D. Cet effet dépend de la valeur de outline-color.
inherit	Spécifie que les paramètres de style de contour doivent être hérités de l'élément parent.

Cet exemple montre comment définir le style de contour.

Tutoriel CSS :Contour CSS

Manuel de référence CSS : propriété outline

autres extensions