CSS3
September 29, 2020

② Толщина внешнего контура: свойство outline-width

Продолжим изучение темы CSS3 - UI. Если пропустили прошлую статью, то вот ссылка на неё:


Свойство outline-width задает толщину внешнего контура, принимает те же значения, что и свойство border-width.

Свойство не наследуется.

outline-width

Значения:

  • длина - Значение задается в единицах длины.
  • thin/medium/thick - Длина, соответствующая этим значениям, не определена, но значения постоянны по всей веб-странице и thin ≤ medium ≤ thick. Браузер может сделать толщину зависимой от среднего размера шрифта. Значение по умолчанию medium.
  • inherit - Наследует значение свойства от родительского элемента.
  • initial - Устанавливает значение свойства в значение по умолчанию.

Синтаксис

CSS
outline-width: thin;
outline-width: medium;
outline-width: thick;
outline-width: 2px;
outline-width: 0.1em;
outline-width: inherit;

Продолжение в следующей статье!