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

csssélecteur {
  outline: épaisseur type couleur;
}

L'ordre des valeurs des propriétés n'a pas d'importance.

Exemple . Uniquement outline

html<div id="elem"></div>

css#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 :

html<div id="elem"></div>

css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

Voir aussi