Определяет ширину рамки со всех сторон. Это сокращенная запись задания отдельной ширины для каждой из сторон: border-top-width, border-right-width, border-bottom-width, border-left-width.
Если не задано border-style, рамка отображаться не будет.
Если у border-width задано четыре значения, например border-width: 1px 2px 3px 4px;, они задают толщину рамки сверху 1px, справа 2px, снизу 3px, слева 4px.
Если у border-width задано три значения, например border-width: 1px 2px 3px;, они задают толщину рамки сверху 1px, справа и слева 2px, снизу 3px.
Если у border-width задано два значения, например border-width: 1px 2px;, они задают толщину рамки сверху и снизу 1px, справа и слева 2px.
Если у border-width задано одно значение, например border-width: 1px;, оно задает толщину рамки со всех сторон 1px.
Примеры
Значения
| Значение | Описание |
|---|---|
| medium | По умолчанию. Средний размер. |
| thin | Тонкая рамка. |
| thick | Толстая рамка. |
| число | Ширина рамки в единицах измерения (px, em и других). |
| inherit | Наследует значение родительского блока. |
| initial | Устанавливает значение по умолчанию. |
Поддержка браузерами
Chrome
Edge
Firefox
IE
Opera
Safari
Chrome
Firefox
Opera
Safari
Samsung
Androidborder-width
