Свойство border-inline-end-style CSS

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

и установкой стиля рамки элемента в конце строки.

CSS и Свойства связаны с border-bottom-styleиborder-left-styleиborder-right-style , border-top-style Свойства очень похожи, но и Свойства зависят от направления в строке.

Внимание:соответствующие CSS свойства Пример 2: сочетание с свойством writing-modeиtext-orientation , Пример 3: сочетание с свойством direction связанные с CSS свойства и Определяет направление строки. Это влияет на начало и конец строки, а также

border-inline-end-style

Результат свойства. Для английских страниц, направление строки внутреннее слева направо, а блоковое направление — вниз.

Пример

direction
  div {
direction: rtl;

border-inline-end-style: dotted;

Пример 1

установить стиль рамки в конце внутренней строки: Пример 2: сочетание с свойством writing-mode Положение начала и конца рамки внутренней строки зависит от

direction
  Положение конца рамки внутренней строки зависит от
  div {
direction: rtl;

border-inline-end-style: dotted;

writing-mode

writing-mode: vertical-rl; Пример 3: сочетание с свойством direction Положение начала и конца рамки внутренней строки зависит от

direction
  Влияние свойства:
  div {
direction: rtl;

border-inline-end-style: dotted;

}

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

CSS синтаксис

border-inline-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit; Значение свойства
none Значение
Описание Значение по умолчанию. Определяет отсутствие границ.
hidden Как и none, но по-другому решает конфликты с границами таблицы.
dashed Определение пунктирной линии края.
solid Определение сплошной линии края.
double Определение двойной линии края.
groove

Определение 3D вогнутого края.

Эффект зависит от значения border-color.
ridge

Определение 3D выпуклого края.

Эффект зависит от значения border-color.
inset

Определение 3D вогнутого края.

Эффект зависит от значения border-color.
outset

Определение 3D выпуклого края.

Эффект зависит от значения border-color.
initial Этот атрибут устанавливается в значение по умолчанию. См. также initial.
inherit Этот атрибут наследуется от родительского элемента. См. также inherit.

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

Значение по умолчанию: none
Ингерит: Нет
Создание анимации: Не поддерживается. См. также:Свойства анимации.
Версия: CSS3
JavaScript синтаксис: object.style.borderInlineEndStyle="dotted"

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Соответствующие страницы

Учебное пособие:Borders в CSS

Ссылка:Свойство border CSS

Ссылка:Свойство border-inline CSS

Ссылка:Свойство border-inline-end-style CSS

Ссылка:Свойство border-inline-start-style CSS

Ссылка:Свойство border-bottom-style CSS

Ссылка:Свойство border-left-style CSS

Ссылка:Свойство border-right-style CSS

Ссылка:Свойство border-top-style CSS

Ссылка:Свойство direction в CSS

Ссылка:Свойство text-orientation в CSS

Ссылка:Свойство writing-mode в CSS