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

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

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

Определяет блоковое направление. Это влияет на начало и конец блока, а также свойство используется для установки стиля рамки элемента в начале блока.

CSS Определяет блоковое направление. Это влияет на начало и конец блока, а также свойства и CSS-свойства border-bottom-styleborder-left-styleborder-left-styleborder-left-style、 border-right-style и border-top-style Определяет блоковое направление. Это влияет на начало и конец блока, а также Очень похож, но

Атрибут зависит от блокового направления.Примечание: Положение стиля границы в начале блока направления зависит от связанные CSS атрибуты Определяет блоковое направление. Это влияет на начало и конец блока, а также border-block-start-style

Результат атрибута. Для английских страниц, инлайн-направление слева направо, блоковое направление вниз.

Пример

Пример 1

Влияние атрибута:
  writing-mode: vertical-rl;

border-block-start-style: dotted;

Установите стиль для границы в начале блока направления:

Пример 2: Комбинация с атрибутом writing-mode Положение стиля границы в начале блока направления зависит от writing-mode

Влияние атрибута:
  div {
  writing-mode: vertical-rl;

border-block-start-style: dotted;

}

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

CSS синтаксис

border-block-start-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Значение атрибута
none	Значение
Описание	Значение по умолчанию. Определяет отсутствие границ.
hidden	Аналогично "none", но по-другому решает конфликты границ в таблицах.
dashed	Определение пунктирных границ.
solid	Определение сплошных границ.
double	Определение двойных границ.
groove	Определение 3D впадинных границ. Эффект зависит от значения border-color.
ridge	Определение 3D волнистых границ. Эффект зависит от значения border-color.
inset	Определение 3D вогнутых границ. Эффект зависит от значения border-color.
outset	Определение 3D выпуклых границ. Эффект зависит от значения border-color.
initial	Установите этот атрибут в его значение по умолчанию. См. initial.
inherit	Из его родительского элемента inherits этот атрибут. См. inherit.

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

Значение по умолчанию:	none
Унаследованность:	Нет
Создание анимации:	Не поддерживается. См.:Атрибуты, связанные с анимацией.
Версия:	CSS3
JavaScript синтаксис:	object.style.borderBlockStartStyle="dotted"