Свойство border-inline-start-width устанавливает толщину начальной границы логического блока. Само положение границы зависит от режима письма (свойство writing-mode) и направления текста (свойство direction).
Краткая информация
Значение по умолчанию
medium
Наследуется
Нет
Применяется
Ко всем элементам
Анимируется
Да
Синтаксис
border-inline-start-width: <размер> | thin | medium | thick
Синтаксис
Описание
Пример
<тип>
Указывает тип значения.
<размер>
A && B
Значения должны выводиться в указанном порядке.
<размер> && <цвет>
A | B
Указывает, что надо выбрать только одно значение из предложенных (A или B).
normal | small-caps
A || B
Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке.
width || count
[ ]
Группирует значения.
[ crop || cross ]
*
Повторять ноль или больше раз.
[,<время>]*
+
Повторять один или больше раз.
<число>+
?
Указанный тип, слово или группа не является обязательным.
inset?
{A, B}
Повторять не менее A, но не более B раз.
<радиус>{1,4}
#
Повторять один или больше раз через запятую.
<время>#
Значения
Три переменные — thin (1 пиксель), medium (3 пикселя) и thick (5 пикселей) задают толщину границы. Для более точного значения, толщину можно указывать в пикселях или других единицах CSS.
Пример
Код примера скопирован в буфер
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>border-inline-start-width</title>
<style>
.logic-block {
padding: 1em; /* Расстояние от текста до края */
margin: 1em; /* Расстояние вокруг блока */
background-color: antiquewhite; /* Цвет фона */
border-inline-start-color: brown; /* Цвет границы */
border-inline-start-width: 3px; /* Толщина границы */
border-inline-start-style: solid; /* Сплошная линия */
}
.logic-block:lang(he) {
direction: rtl; /* Справа налево */
}
</style>
</head>
<body>
<div class="logic-block">
Капитан Джеймс Кук был знаменитым британским мореплавателем
и исследователем, совершившим три путешествия в Тихий океан
в 1768-1779 годах и открывшим многие острова и побережья
Австралии и Новой Зеландии.
</div>
<div class="logic-block" lang="he">
קפטן ג'יימס קוק היה חוקר בריטי מפורסם וחוקר שערך שלוש מסעות לאוקיינוס השקט בשנים 1768-1779 וגילה איים וחופים רבים אוסטרליה וניו זילנד.
</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
Браузеры
В таблице браузеров применяются следующие обозначения.
— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.