CSS konturbredde

CSS konturbredde

outline-width Egenskaben specificerer konturbredden og kan indstilles til en af følgende værdier:

  • thin (normalt 1px)
  • medium (normalt 3px)
  • tyk (normalt 5px)
  • Specifikke dimensioner (i px, pt, cm, em)

Følgende eksempel viser nogle forskellige konturbredder:

Tynd kontur.

Medium kontur.

Tyk kontur.

4 pixels tyk kontur.

Eksempel

p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: tynd;
}
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: tyk;
}
p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 4px;
}

Prøv det selv