CSS-свойство border-top-width устанавливает ширину верхней границы элемента индивидуально. Однако во многих случаях более короткие CSS-свойства, такие как border-width или border-top, более удобны и предпочтительны в использовании.
| Значение по умолчанию: | medium |
| Применяется к: | Все элементы |
| Наследование: | Нет |
| Анимирование: | Да. Анимируемые свойства |
| Версия: | CSS 1, 2, 3 |
Синтаксис
Синтаксически свойства задаются по следующему шаблону:
border-top-width: thin | medium | thick | length | inheritПримеры написания кода свойства border-top-width:
p {
border-style: solid;
border-top-width: 15px;
}Вы должны объявить свойство border-style перед CSS-свойством border-top-width. Элемент должен иметь границы, прежде чем вы сможете установить ширину границы, поскольку значением по умолчанию для свойства border-style является none.
Значения свойств
В следующей таблице описаны значения этого свойства.
| Значение | Описание |
|---|---|
thin |
Тонкий border. |
medium |
Средний border. |
thick |
Толстый border. |
| length | Значение длины в px, pt, cm, em и т. д. Отрицательные значения недопустимы. |
initial |
Устанавливает это свойство в значение по умолчанию. |
inherit |
Если указан, связанный элемент принимает вычисленное значение свойства его родительского элемента border-bottom-color. |
Поддержка браузеров
Свойство border-top-width поддерживается во всех основных браузерах.
