CSS свойство border-block-end

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

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

border-block-end Свойства являются сокращенной формой следующих свойств：

CSS border-block-end свойства соответствуют сокращению свойств CSS border-bottom,border-left,border-right и border-top Свойства очень похожи, но border-block-end Свойство зависит от блока.

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

Пример

Пример 1

Установить ширину, цвет и стиль рамки в конце блока：

div {
  border-block-end: 10px solid pink;
}

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

Пример 2: сочетание свойства writing-mode

Позиция рамки в конце блока зависит от writing-mode Влияние свойства：

div {
  writing-mode: vertical-rl;
  border-block-end: dotted blue;
}

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

CSS синтаксис

border-block-end: border-block-end-width border-block-end-style border-block-end-color|initial|inherit;

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

Значение	Описание
border-block-end-width	Указать ширину рамки элемента в конце блока. Значение по умолчанию для "medium".
border-block-end-style	Указать стиль рамки элемента в конце блока. Значение по умолчанию для "none".
border-block-end-color	Указать цвет рамки элемента в конце блока. Значение по умолчанию для цвета рамки в текущем цвете.
initial	Установить это свойство в его значение по умолчанию. См. также： initial。
inherit	Эта свойство наследуется от родительского элемента. См. также： inherit。

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

Значение по умолчанию：	medium none currentcolor
Инheritability：	Нет
Создание анимации：	Поддерживается. См. также：Свойства, связанные с анимацией。
Версия：	CSS3
JavaScript синтаксис：	object.style.borderBlockEnd="pink dotted 5px"