CSS Largeur de contour


Largeur de contour CSS

La propriété outline-width spécifie la largeur du contour et peut prendre l'une des valeurs suivantes :

  • thin (typiquement 1px)
  • medium (typiquement 3px)
  • thick (typiquement 5px)
  • Une taille spécifique (en px, pt, cm, em, etc.)

Exemples de largeur de contour CSS

Voici quelques contours avec différentes largeurs :

Un contour fin.

Un contour moyen.

Un contour épais.

Un contour de 8px d'épaisseur.

Exemple

Démonstration de différentes largeurs de contour :

p {
padding: 5px;
outline-style: solid;
outline-color: green;
}

p.ex1 {
outline-width: thin;
}

p.ex2 {
outline-width: medium;
}

p.ex3 {
outline-width: thick;
}

p.ex4 {
outline-width: 8px;
}
Essayez-le vous-même »