Атрибут border-inline CSS

Предыдущая страница border-image-width
Следующая страница border-inline-color

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

border-inline Атрибут является сокращением следующих атрибутов:

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

CSS border-inline атрибут и граница Атрибуты очень похожи, но border-inline Атрибут зависит от направления inline.

Примечание:связанные CSS атрибуты writing-mode,text-orientation и direction Определяет направление inline. Это влияет на начало и конец строки, а также border-inline Эффект атрибута. Для английских страниц inline-направление слева направо, блоковое направление вниз.

Пример

Пример 1

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

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

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

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

Рамка в начале и конце inline-направления зависит от writing-mode Влияние атрибута:

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

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

CSS синтаксис

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

Значение атрибута

Значение	Описание
border-inline-width	Указать ширину рамки в направлении inline. Значение по умолчанию - "medium".
border-inline-style	Указать стиль рамки в направлении inline. Значение по умолчанию - "none".
border-inline-color	Указать цвет рамки в направлении inline. Значение по умолчанию - цвет текста.
initial	Установите этот атрибут в его значение по умолчанию. См. initial.
inherit	Ингерит этот атрибут от родительского элемента. См. inherit.

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

Значение по умолчанию:	medium none color
Ингерит:	нет
Создание анимации:	да, см. отдельные свойства. Прочитайте о animatable
Версия:	CSS3
JavaScript синтаксис:	object.style.borderInline="dashed hotpink 10px"