CSS border-bottom-width Свойство
Пример
Задайте ширину нижней границы:
div {border-bottom-width: thin;}
Подробнее примеры ниже.
Определение и использование
Свойство border-bottom-width задает ширину нижней границы элемента.
Примечание: Перед свойством всегда объявляйте свойство border-style или border-Bottom border-bottom-width. Элемент должен иметь границы, прежде чем можно изменить ширину.
| Значение по умолчанию: | medium |
|---|---|
| Inherited: | no |
| Animatable: | yes. Читайте о animatable |
| Version: | CSS1 |
| Синтаксис JavaScript: | object.style.borderBottomWidth="5px" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| border-bottom-width | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис CSS
border-bottom-width: medium|thin|thick|length|initial|inherit;
Значения свойств
| Значение | Описание | |
|---|---|---|
| medium | Задает среднюю нижнюю границу. Это значение по умолчанию | |
| thin | Задает тонкую нижнюю границу | |
| thick | Задает толстую нижнюю границу | |
| length | Позволяет определить толщину нижней границы. Читать о единицах длины | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Другие примеры
Пример
Установите ширину нижней границы в среднее:
div {border-bottom-width: medium;}
Пример
Задайте ширину нижней границы толщиной:
div {border-bottom-width: thick;}
Пример
Установите ширину нижней границы в 1px:
div {border-bottom-width: 1px;}
Пример
Установите ширину нижней границы в 15пкс:
div {border-bottom-width: 15px;}
Похожие страницы
CSS Справочник: CSS Border
CSS Справка: border-bottom Свойство
HTML DOM Справочник: borderBottomWidth Свойство