Рамки по блочной оси

border-block — это логическое свойство-шорткат. Он создаёт у элемента рамки по блочной оси.

Блочная ось связана с направлением потока сайта. Например, для русского и английского языков border-block рисует границу сверху и снизу элемента (поток идёт сверху вниз), а для японского справа и слева (поток идёт справа налево).

Как пишется

Как понять

С помощью border-block граница нарисуется всегда там, где нужно, вне зависимости от языка

Допустим, мы хотим выделить текст сверху и снизу аккуратными границами. Попробуем сделать это с помощью свойств border-top и border-bottom :

А теперь текст будет на японском языке, для этого сменим поток и посмотрим, что будет: :

Язык другой, направление письма другое, а границы всё там же — сверху и снизу. Теперь используем правильное свойство border-block и снова понаблюдаем: :