border-bottom-style
Обновлено: 15.12.2022
border-bottom-style
Устанавливает стиль границы внизу элемента.
Краткая информация
| Значение по умолчанию | Нет |
| Наследуется | Нет |
| Применяется | Ко всем элементам |
| Анимируется | Нет |
Синтаксис
border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset
Значения
| none | Линия не отображается и значение её толщины обнуляется. |
| hidden | Имеет тот же эффект, что и none за исключением применения border-bottom-style к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse. В этом случае нижняя граница в ячейке не будет отображаться вообще. |
| dotted | Линия состоящая из набора точек. |
| dashed | Пунктирная линия, состоящая из серии коротких отрезков. |
| solid | Сплошная линия. |
| double | Двойная линия. |
| groove | Создает эффект вдавленной линии. |
| ridge | Создает эффект рельефной линии. |
| inset | Псевдотрехмерная линия. |
| outset | Псевдотрехмерная линия. |
Вид указанных стилей представлен на рис. 1.
Пример
Объектная модель
Объект.style.borderBottomStyle
Примечание
Браузер Internet Explorer до версии 6.0 включительно при толщине границы 1px отображает dotted как dashed. При толщине 2px и выше значение dotted работает корректно. Эта ошибка исправлена в IE7, но только для всех границ толщиной 1px. Если одна из границ блока имеет толщину 2px и выше, то в IE7 значение dotted превращается в dashed.
Стиль границы в разных браузерах может несколько различаться при использовании значений groove, ridge, inset или outset.