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

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

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

border-block-start Атрибут является аббревиатурой следующих свойств:

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

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

Пример

Пример 1

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

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

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

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

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

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

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

CSS синтаксис

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

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

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

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

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