Атрибут border-block CSS

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

border-block Свойство является сокращением следующих свойств:

• border-block-width
• border-block-style(Обязательное)
• border-block-color

Если пропущены значения цвета или ширины, будут использоваться значения по умолчанию.

CSS border-block Свойство с border Свойства очень похожи, но border-block Свойство зависит от направления блока.

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

Пример

Пример 1

Установите стиль, цвет и ширину рамки для различных элементов в направлении блока:

h1 {
  border-block: 5px solid red;
}
h2 {
  border-block: 4px dotted blue;
}
div {
  border-block: double;
}

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

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

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

div {
  writing-mode: vertical-rl;
  border-block: hotpink dashed 8px;
}

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

Синтаксис CSS

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

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

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

Поддержка браузерами

Числа в таблице представляют собой версии браузеров, которые полностью поддерживают этот атрибут.

Связанные страницы

Урок:CSS-рамка

См. также:Атрибут border CSS

См. также:Атрибут border-block-color CSS

См. также:Атрибут border-block-style CSS

См. также:Атрибут border-block-width CSS

См. также:Свойство writing-mode в CSS