CSS border-bottom-style Свойство
Пример
Задайте стиль для нижней границы:
div {border-bottom-style: dotted;}
Подробнее примеры ниже.
Определение и использование
Свойство border-bottom-style задает стиль нижней границы элемента.
| Значение по умолчанию: | none |
|---|---|
| Inherited: | no |
| Animatable: | no. Читайте о animatable |
| Version: | CSS1 |
| Синтаксис JavaScript: | object.style.borderBottomStyle="dotted" |
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| border-bottom-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Синтаксис CSS
border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Значения свойств
| Значение | Описание | |
|---|---|---|
| none | Не указывает границы. Это значение по умолчанию | |
| hidden | Так же, как "None", за исключением разрешения пограничного конфликта для элементов таблицы | |
| dotted | Задает пунктирную границу | |
| dashed | Задает пунктирную границу | |
| solid | Задает сплошную границу | |
| double | Задает двойную границу | |
| groove | Задание трехмерной границы с канавкой. Эффект зависит от значения цвета границы | |
| ridge | Задание трехмерной ребристой границы. Эффект зависит от значения цвета границы | |
| inset | Задает 3D-вставку границы. Эффект зависит от значения цвета границы | |
| outset | Задание трехмерной границы начала. Эффект зависит от значения цвета границы | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Другие примеры
Пример
Пунктирная Нижняя граница:
div {border-bottom-style: dashed;}
Пример
Сплошная Нижняя граница:
div {border-bottom-style: solid;}
Пример
Двойная нижняя граница:
div {border-bottom-style: double;}
Пример
Удалите нижнюю границу:
div {border-bottom-style: none;}
Пример
Нижняя граница канавки:
div {
border-bottom-style: groove;
border-bottom-color: coral;
border-bottom-width: 7px;
}
Пример
Нижняя граница гребня:
div {
border-bottom-style: ridge;
border-bottom-color: coral;
border-bottom-width: 7px;
}
Пример
Отступ нижней границы:
div {
border-bottom-style: inset;
border-bottom-color: coral;
border-bottom-width: 7px;
}
Пример
Нижняя граница начала:
div {
border-bottom-style: outset;
border-bottom-color: coral;
border-bottom-width: 7px;
}
Похожие страницы
CSS Справочник: CSS Border
CSS Справка: border-bottom Свойство
HTML DOM Справочник: borderBottomStyle Свойство