Szerokość konturu CSS

Szerokość konturu CSS

outline-width Atrybut określa szerokość konturu i można ustawić jedną z następujących wartości:

  • cień (zwykle 1px)
  • Średnia (zwykle 3px)
  • Gruba (zwykle 5px)
  • Specyficzne rozmiary (w px, pt, cm, em)

Poniżej znajduje się przykład różnych szerokości obwódek:

Cienka obwódka.

Średnia obwódka.

Gruba obwódka.

Gruba obwódka 4 pikseli.

Przykład

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;
}

Spróbuj sam