border-bottom-width
Определение 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 свойство