Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Свойство CSS border-width

Перейти к справке CSS

p
{
border-style:solid;
border-width:15px;
}


Описание и использование

Свойство CSS border-width задает ширину всех четырех бордюров элемента. Свойство может иметь от одного до четырех значений:

Заметка: для облегчения запоминания порядка окрашивания бордюров можно запомнить два простых правила:

  1. Бордюры нумеруются с верхнего по часовой стрелки
  2. Вертикальные бордюры имеют приоритет перед горизонтальными, т.е. если указано три цвета, два вертикальных имеют свои цвета, а левый бордюр получает цвет от правого.

Заметка: всегда задавайте свойство border-style перед свойством border-width. Элемент должен иметь бордюры, для которых вы хотите изменить ширину.

Значение по умолчанию medium
Наследование нет
Версия CSS CSS 1
Синтаксис JavaScript object.style.borderWidth="thick"

Поддержка в браузерах

Chrome Firefox Internet Explorer Opera Safari
Свойство border-width поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.


Возможные значения свойства border-width

Значение Описание
thin Тонкий бордюр
medium Средний бордюр
thick Толстый бордюр
length Ширина бордюра в каких-либо единицах, например, в пикселях
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: CSS border


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта