Атрибут border-inline-end-width CSS

Предыдущая страница border-inline-end-style
Следующая страница border-inline-start

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

border-inline-end-width Ширина рамки элемента настройки атрибута в направлении строки.

Примечание:чтобы border-inline-end-width Атрибут будет применяться, если будет установлено border-inline-end-style атрибутам.

CSS border-inline-end-width атрибуты соответствуют CSS атрибутам border-bottom-width,border-left-width,border-right-width и border-top-width Очень похожи, но border-inline-end-width Атрибут зависит от инлайн-направления.

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

Пример

Пример 1

Установите ширину рамки в конце инлайн-направления:

div {
  border-inline-end-style: solid;
  border-inline-end-width: 10px;
}

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

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

Положение рамки в конце инлайн-направления зависит от writing-mode Влияние атрибута:

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-width: 5px;
}

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

Пример 3: Комбинация с атрибутом direction

Положение рамки в начале и конце инлайн-направления зависит от direction Влияние атрибута:

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

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

CSS синтаксис

border-inline-end-width: medium|thin|thick|length|initial|inherit;

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

Значение	Описание
medium	Определяет среднюю рамку. Значение по умолчанию.
thin	Определяет тонкую рамку.
thick	Определяет толстую рамку.
length	Позволяет определить толщину рамки. См.:Единицы CSS.
initial	Установите этот атрибут в его значение по умолчанию. См.: initial.
inherit	Инherits this property from its parent element. См.: inherit.

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

Значение по умолчанию:	medium
Инheritance:	Нет
Создание анимации:	Поддерживается. См.:Атрибуты, связанные с анимацией.
Версия:	CSS3
JavaScript синтаксис:	object.style.borderInlineEndWidth="10px"