border-inline¶
Свойство border-inline
— это сокращенное свойство для установки значений отдельных логических встроенных свойств границы в одном месте таблицы стилей.
Демо¶
Физические границы, на которые сопоставляется встроенная граница, зависят от режима записи элемента, его направления и ориентации текста. Он соответствует свойствам border-top
и border-bottom
или border-right
и border-left
, в зависимости от значений, определенных для режима письма, направления и ориентации текста.
Границы в другом измерении могут быть установлены с помощью блока границы, который устанавливает начало блока границы и конец блока границы.
Это свойство является сокращением для следующих свойств CSS:
border-inline-color
border-inline-style
border-inline-width
Логические границы
- border-block
- border-block-color
- border-block-end
- border-block-end-color
- border-block-end-style
- border-block-end-width
- border-block-start
- border-block-start-color
- border-block-start-style
- border-block-start-width
- border-block-style
- border-block-width
- border-inline
- border-inline-color
- border-inline-end
- border-inline-end-color
- border-inline-end-style
- border-inline-end-width
- border-inline-start
- border-inline-start-color
- border-inline-start-style
- border-inline-start-width
- border-inline-style
- border-inline-width
- border-start-start-radius
- border-start-end-radius
- border-end-start-radius
- border-end-end-radius
Синтаксис¶
1 2 3 4 5 6 7 8 9 10 |
|
Значения¶
border-inline
указывается одним или несколькими из следующих элементов в любом порядке:
<'border-width'>
-
Ширина границы.
<'border-style'>
-
Стиль линии границы.
<'color'>
-
Цвет границы.
Поддержка браузерами¶
Примеры¶
HTML
1 2 3 |
|
CSS
1 2 3 4 5 6 7 8 9 10 |
|
Ссылки¶
- Свойство
border-inline
MDN (рус.) - CSS Logical Properties and Values Level 1 Spec (англ.)