Propriété CSS outline-width
Exemple
Définissez la largeur d'un contour :
div {outline-width: thick;}
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
Un contour est une ligne tracée autour des éléments, à l'extérieur des bordures, pour faire ressortir l'élément.
Le outline-width
spécifie la largeur d'un contour.
Remarque : Déclarez toujours la propriété de style de contour avant la
outline-width
propriété. Un élément doit avoir un contour avant que vous n'en modifiiez la largeur.
Valeur par défaut: | moyen |
---|---|
Hérité: | non |
Animable : | oui, voir propriétés individuelles . En savoir plus sur l'animation |
Version: | CSS2 |
Syntaxe JavaScript : | objet .style.outlineWidth="12px" |
Conseils et remarques
Remarque : les contours diffèrent des bordures ! Contrairement à la bordure, le contour est dessiné à l'extérieur de la bordure de l'élément et peut chevaucher d'autres contenus. De plus, le contour ne fait PAS partie des dimensions de l'élément ; la largeur et la hauteur totales de l'élément ne sont pas affectées par la largeur du contour.
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-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Syntaxe CSS
outline-width: medium|thin|thick|length|initial|inherit;
Valeurs de propriété
Value | Description | Play it |
---|---|---|
medium | Specifies a medium outline. This is default | |
thin | Specifies a thin outline | |
thick | Specifies a thick outline | |
length | Allows you to define the thickness of the outline. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Plus d'exemples
Exemple
Définissez la largeur du contour sur moyen (c'est la valeur par défaut) :
div {outline-width: medium;}
Exemple
Définissez la largeur du contour sur mince :
div {outline-width: thin;}
Exemple
Définissez la largeur du contour sur 1px :
div {outline-width: 1px;}
Exemple
Définissez la largeur du contour sur 15 px :
div {outline-width: 15px;}
Pages connexes
Tutoriel CSS : Plan CSS
Référence CSS : propriété outline
Référence HTML DOM : propriété outlineWidth