Свойство border-width
Свойство border-width применяется для сокращенного задания свойств border-top-width, border-right-width, border-bottom-width и border-left-width. Значения данного свойства не могут быть отрицательными. Числовые значения, соответствующие ключевым словам, зависят от браузера, но всегда выполняется условие thin <= medium <= thick. Может принимать от одного до четырех параметров:
- аргумент один - то он используется для всех четырех сторон
- аргументов два - то первый используется для свойств border-top-width и border-bottom-width, а второй для свойств border-left-width и border-right-width
- аргументов три - то первый используется для свойства border-top-width, второй - для свойств border-left-width и border-right-width, а третий - для свойства border-bottom-width.
- аргументов четыре - то первый используется для свойства border-top-width, второй - для свойства border-right-width, третий - для свойства border-bottom-width, и четвертый для свойства border-left-width.
| Синтаксис | |
|---|---|
| border-width: [thin | medium | thick | «length» ]{1,4} | |
| Возможные значения и ключевые слова | |
| thin | тонкая линия |
| medium | средняя линия |
| thick | толстая линия |
| «length» | любое возможное обозначение длины |
| Разное | |
| По умолчанию | не определено |
| Применимо | ко всем элементам |
| Наследование | нет |
| Процентное значение | не применимо |
| Media | visual |
В следующем примере заголовки первого уровня (тег h1) форматируются с бордюром, выполненным тонкой линией сверху и снизу, и толстой линией слева и справа:
h1 {border-width: thin thick;}
Примечание: вид бордюра определяется так же его стилем, задаваемым свойствами border-style.
