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

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

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

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

Обратите внимание:Чтобы установить border-block-start-width Свойство вступает в силу, если установлено border-block-start-style свойства.

CSS border-block-start-width свойства и CSS свойства border-bottom-width、border-left-width、border-right-width и border-top-width Очень похожи, но border-block-start-width Свойство зависит от блока.

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

Пример

Пример 1

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

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

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

Пример 2: Комбинация свойств writing-mode

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

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

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

CSS синтаксис

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

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

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

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

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