Это свойство определяет толщину всех четырех сторон рамки HTML элемента. Свойство border-width может принимать от одного до четырех значений.
Например:
- border-width: thin medium thick 10px;
- тонкая верхняя сторона рамки (thin)
- правая сторона рамки средней толщины (medium)
- толстая нижняя сторона рамки (thick)
- толщина левой стороны рамки 10px
- border-width: thin medium thick;
- тонкая верхняя сторона рамки состоит из точек (thin)
- правая и левая стороны рамки средней толщины (medium)
- толстая нижняя сторона рамки (thick)
- border-width: thin medium;
- тонкие верхняя и нижняя стороны рамки (thin)
- правая и левая стороны рамки средней толщины (medium)
- border-width: thin;
- все четыре стороны рамки тонкие (thin)
Внимание: Следует всегда определять свойство border-style перед свойством border-width. Элемент должен иметь рамку, прежде чем менять ее толщину.
CSS синтаксис
border-width: medium | thin | thick | толщина | initial | inherit;
Возможные значения
| Значение | Описание |
|---|---|
| medium | Значение по умолчанию. Средняя толщина рамки. |
| thin | Тонкая рамка. |
| thick | Толстая рамка. |
| толщина | Позволяет устанавливать толщину рамки в единицах CSS (например, в px). |
| initial | Устанавливает значение по умолчанию. |
| inherit | Значение наследуется от родительского элемента. |
Пример использования
Устанавливаем толщину для всех четырех сторон рамки параграфа
p {
border-style: solid;
border-width: 15px;
}
