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

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

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

border-block-width Установить ширину рамки элемента свойства в направлении блока.

Обратите внимание:Чтобы border-block-width Чтобы свойство начало действовать, его необходимо установить border-block-style.

border-block-width Значение свойства можно установить различными способами:

Если border-block-width У属性的 есть два значения:

border-block-width: 10px 50px;

Ширина рамки в начале блока составляет 10px
Ширина рамки в конце блока составляет 50px

Если border-block-width Атрибут имеет одно значение:

border-block-width: 10px;

Ширина рамки в начале и конце блока составляет 10px

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

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

Пример

Пример 1

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

#example1 {
  border-block-style: solid;
  border-block-width: 10px;
}
#example2 {
  border-block-style: solid;
  border-block-width: thin thick;
}

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

Пример 2: kombinacziya atributa writing-mode

Рамки в начале и конце блока направлены на writing-mode Влияние атрибута:

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

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

Синтаксис CSS

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

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

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

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

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