Атрибут border-bottom-style CSS

Определение и использование

border-bottom-style устанавливает стиль нижней границы элемента.

Границы могут появиться только когда это значение не equals none.

В CSS1 HTML пользовательский агент должен поддерживать только solid и none.

См. также:

CSS учебник:CSS - рамки

CSS справочник:Свойство border-bottom

HTML DOM справочник:Свойство borderBottomStyle

Пример

Настройка стиля нижней границы:

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

Попробуйте сами

CSS синтаксис

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Значение свойства

Значение Описание
none Определяет границу без рамки.
hidden Эквивалент "none". Но для таблиц除外, для таблиц используется "hidden", чтобы решить проблему конфликта границ.
dotted Определяет точечную границу. В большинстве браузеров呈现ится сплошная линия.
dashed Определяет пунктирную линию. В большинстве браузеров呈现ится сплошная линия.
solid Определяет сплошную линию.
double Определяет двойную линию. Ширина двойной линии равна значению border-width.
groove Определяет 3D впадинчатую границу. Ее эффект зависит от значения border-color.
ridge Определяет 3D гребенчатую границу. Ее эффект зависит от значения border-color.
inset Определяет 3D inset границу. Ее эффект зависит от значения border-color.
outset Определяет 3D outset границу. Ее эффект зависит от значения border-color.
inherit Определяет, что стиль границы должен быть наследован от родительского элемента.

Технические детали

Default value: not specified
Инheritance: no
Версия: CSS1
JavaScript синтаксис: object.style.borderBottomStyle="dotted"

Более примеров

Настройка стиля нижней границы
Этот пример демонстрирует, как настроить стиль нижней границы.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2