СSS Свойство border-bottom-style
Определение и использование
Свойство border-bottom-style задает стиль нижней границы элемента.
| Значение по умолчанию: | none |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | нет. Прочитать о animatable |
| Версия: | 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 | Задает 3D рифленую границу. Эффект зависит от значения цвета границы | Воспроизвести » |
| ridge | Задает 3D рифленую границу. Эффект зависит от значения цвета границы | Воспроизвести » |
| inset | Задает 3D границу вставки. Эффект зависит от значения цвета границы | Воспроизвести » |
| outset | Задает 3D границу начала. Эффект зависит от значения цвета границы | Воспроизвести » |
| initial | Задает для этого свойства значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Нижняя граница паза:
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
