CSS outline width

CSS outline width

outline-width Egenskapen specificerar bredden på konturen och kan ställa in ett av följande värden:

  • tunn (vanligtvis 1px)
  • Medium (vanligtvis 3px)
  • Tjock (vanligtvis 5px)
  • Specifik storlek (medan px, pt, cm, em mät)

Nedan visas några konturer med olika bredder:

Tunn kontur.

Medel kontur.

Tjock kontur.

4 pixlars tjock kontur.

Exempel

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

Prova själv