Атрибут border-block-end-style CSS

Предыдущая страница border-block-end-color
Следующая страница border-block-end-width

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

border-block-end-style атрибуты используются для установки стиля рамки элемента в конце блока.

CSS border-block-end-style атрибуты и border-bottom-styleиborder-left-styleиborder-right-style и border-top-style Атрибуты очень похожи, но border-block-end-style Атрибут зависит от блока направления.

Внимание:связанные CSS атрибуты writing-mode Определяет блок направления. Это влияет на положение начала и конца блока, а также на border-block-end-style Результат атрибута. Для английских страниц, вектор строки слева направо, а вектор блока — вниз.

Пример

Пример 1

Установить стиль края末端 блока направления:

div {
  border-block-end-style: dotted;
}

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

Пример 2: Сочетание атрибута writing-mode

Позиция края стиля末端 блока направления зависит от writing-mode Влияние атрибута:

div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
  border-block-end-width: 5px;
}

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

Синтаксис CSS

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

Значение атрибута

Значение	Описание
none	Значение по умолчанию. Указать границу без рамки.
hidden	Так же, как и "none", но по-другому решает конфликты границ в таблице.
dotted	Указать точечный край.
dashed	Указать пунктирный край.
solid	Указать сплошной край.
double	Указать двойной край.
groove	Указать 3D желоб край. Эффект зависит от значения border-color.
ridge	Указать 3D гребень край. Эффект зависит от значения border-color.
inset	Указать 3D вглубь край. Эффект зависит от значения border-color.
outset	Указать 3D выпуклый край. Эффект зависит от значения border-color.
initial	Этот атрибут устанавливается в его значение по умолчанию. См. initial.
inherit	Этот атрибут наследуется от родительского элемента. См. inherit.

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

Значение по умолчанию:	none
Ингеритация:	Нет
Создание анимации:	no. Прочитайте о animatable
Версия:	CSS3
Синтаксис JavaScript:	object.style.borderBlockEndStyle="dotted"