Propriété outline
La propriété outline définit la couleur, le type
et l'épaisseur du contour extérieur (bordure qui
ne prend pas d'espace) pour tous les côtés simultanément,
mais contrairement à border
une telle bordure n'agrandit pas l'élément.
Elle est un raccourci propriétaire pour outline-width,
outline-style
et outline-color
(mais pas pour outline-offset).
Syntaxe
sélecteur {
outline: épaisseur type couleur;
}
L'ordre des valeurs des propriétés n'a pas d'importance.
Exemple . Uniquement outline
<div id="elem"></div>
#elem {
outline: 1px solid black;
width: 300px;
height: 100px;
}
:
Exemple . Propriétés outline et border ensemble
La bordure de outline sera à l'extérieur, et la bordure
de border sera à l'intérieur :
<div id="elem"></div>
#elem {
outline: 4px solid green;
border: 4px solid red;
width: 300px;
height: 100px;
}
:
Voir aussi
-
la propriété
outline-offset,
qui définit le décalage du contour
