СSS Свойство border-bottom-width
Определение и использование
Свойство border-bottom-width
задает ширину нижней границы элемента.
Примечание: Всегда объявляйте border-style или border-bottom-style перед свойством border-bottom-width
. Элемент должен иметь границы, прежде чем вы сможете изменить ширину.
Значение по умолчанию: | medium |
---|---|
Унаследованный: | нет |
Анимируемый: | да. Прочитать о animatable Попробовать |
Версия: | 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 | Позволяет определить толщину нижней границы. Прочитать о length units | Воспроизвести » |
initial | Задает для этого свойства значение индекса. Прочитать о initial | Воспроизвести » |
inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Установить ширину нижней границы по сердине:
div {border-bottom-width: medium;}
Попробуйте сами »
Пример
Установить ширину нижней границы по толщине:
div {border-bottom-width: thick;}
Попробуйте сами »
Пример
Установить ширину нижней границы в 1 пиксел:
div {border-bottom-width: 1px;}
Попробуйте сами »
Пример
Установить ширину нижней границы в 15 пикселей:
div {border-bottom-width: 15px;}
Попробуйте сами »
Связанные страницы
CSS учебник: CSS Border
CSS справочник: Свойство border-bottom
HTML DOM справочник: Свойство borderBottomWidth