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