CSS
August 14, 2020

③ Ширина рамки border-width

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


Ширина рамки задается с помощью единиц измерения длины или ключевых слов. Если для свойства border-style задано значение none, и для рамки элемента установлена какая-то ширина, то в данном случае ширина рамки приравнивается к нулю. Не наследуется.

border-width (border-top-width, border-right-width, border-bottom-width, border-left-width)

Значения:

  • thin / medium / thick - Ключевые слова, устанавливают ширину рамки относительно друг друга. Первое значение уже, чем второе, второе — тоньше третьего. Значение по умолчанию — medium
  • width (px, em) - ↓
  • {1,4} - ↓
  • initial - Устанавливает значение свойства в значение по умолчанию.
  • inherit - Наследует значение свойства от родительского элемента.

Синтаксис

CSS
p {border-width: 2px;}

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