CSS Silhouet Breedte

CSS Silhouet Breedte

outline-width The property specifies the outline width and can be set to one of the following values:

  • thin (usually 1px)
  • medium (meestal 3px)
  • thick (meestal 5px)
  • Specifieke afmetingen (gemeten in px, pt, cm, em)

Het volgende voorbeeld toont enkele randen van verschillende breedtes:

Dunne rand.

Middelgrote rand.

Dikke rand.

4 pixels dikke rand.

Voorbeeld

p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thin;
}
p.ex2 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: medium;
}
p.ex3 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thick;
}
p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 4px;
}

Probeer het zelf