Сокращённое свойство border-block-end позволяет одновременно установить параметры конечной границы логического блока — толщину линии, её стиль и цвет. Само положение границы зависит от режима письма (свойство writing-mode).
Указывает, что надо выбрать только одно значение из предложенных (A или B).
normal | small-caps
A || B
Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке.
width || count
[ ]
Группирует значения.
[ crop || cross ]
*
Повторять ноль или больше раз.
[,<время>]*
+
Повторять один или больше раз.
<число>+
?
Указанный тип, слово или группа не является обязательным.
inset?
{A, B}
Повторять не менее A, но не более B раз.
<радиус>{1,4}
#
Повторять один или больше раз через запятую.
<время>#
Значения
border-block-end-width определяет толщину линии. Для управления видом линии предлагается несколько значений border-block-end-style. Их названия и результат действия представлен на рис. 1.
Рис.1. Стили линии
border-block-end-color устанавливает цвет линии, значение может быть в любом допустимом для CSS формате.
Пример
Код примера скопирован в буфер
<!DOCTYPE html><htmllang="ru"><head><metacharset="utf-8"><title>border-block-end</title><style>.logic-block {
padding: 1em; /* Расстояние от текста до края */margin: 1em; /* Расстояние вокруг блока */background-color: antiquewhite; /* Цвет фона */border-block-end: 6px double brown; /* Параметры линии */
}
.logic-block:lang(ja) {
writing-mode: vertical-rl; /* Вертикальное написание текста */text-orientation: upright; /* Вертикальная ориентация чисел */
}
</style></head><body><divclass="logic-block">
Капитан Джеймс Кук был знаменитым британским мореплавателем
и исследователем, совершившим три путешествия в Тихий океан
в 1768-1779 годах и открывшим многие острова и побережья
Австралии и Новой Зеландии.
</div><divclass="logic-block"lang="ja">
キャプテン・ジェームス・クックは有名な英国の航海者兼探検家で、
1768年から1779年にかけて太平洋へ3回航海し、
オーストラリアとニュージーランドの多くの島や海岸を発見しました。
</div></body></html>
Каждая спецификация проходит несколько стадий одобрения.
Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
Editor's draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
Draft (Черновик спецификации) — первая черновая версия стандарта.
Браузеры
79
69
56
12.1
41
69
41
48
12.2
Браузеры
В таблице браузеров применяются следующие обозначения.
— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.