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

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

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

border-block-end-width атрибут устанавливает ширину рамки в конце блока.

注意:Чтобы установить border-block-end-width Атрибут вступает в силу, если установить border-block-end-style атрибуты.

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

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

Пример

Пример 1

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

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

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

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

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

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

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

CSS синтаксис

border-block-end-width: medium|thin|thick|length|initial|inherit;

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

Значение	Описание
medium	Определяет рамку среднего размера. Значение по умолчанию.
thin	Определяет тонкую рамку.
thick	Определяет толстую рамку.
length	Позволяет определить толщину рамки. См. также：Единицы CSS。
initial	Установите этот атрибут в его значение по умолчанию. См. также initial。
inherit	Эта атрибут inherits из родительского элемента. См. также inherit。

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

Значение по умолчанию：	medium
Ингеритность：	Нет
Создание анимации：	Поддержка. См. также：Свойства анимации。
Версия：	CSS3
JavaScript синтаксис：	object.style.borderBlockEndWidth="10px"