Ширина контура CSS

Ширина контура CSS

outline-width Атрибут определяет ширину обводки и может принимать одно из следующих значений:

  • тонкий (обычно 1px)
  • Средний (обычно 3px)
  • Толстый (обычно 5px)
  • Определенные размеры (в px, pt, cm, em)

Ниже приведены примеры контуров различной толщины:

Тонкий контур.

Средний контур.

Толстый контур.

Толстый контур 4 пикселя.

Пример

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

Попробуйте сами