Свойство CSS inline-size

  • Предыдущая страница initial-letter
  • Следующая страница inset

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

inline-size Атрибут определяет размер элемента в строковом направлении.

Примечание:Соответствующие CSS-атрибуты writing-mode Определяет строковое направление, что влияет на inline-size результат. Для английских страниц строковое направление слева направо, а блочное направление вниз.

Атрибуты CSS inline-size и block-size Атрибуты связаны с CSS width и height Атрибуты очень похожи, но inline-size и block-size Атрибут зависит от строкового и блочного направлений.

Пример

Пример 1

Установить размер элемента <div> в строковом направлении:

div {
  inline-size: 200px;
}

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

Пример 2

когда элемент <div> writing-mode Значение атрибута установлено в vertical-rl в строковом направлении от горизонтального к вертикальному вниз, что влияет на inline-size Как работает атрибут:

div {
  inline-size: 250px;
  writing-mode: vertical-rl;
}

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

Синтаксис CSS

inline-size: auto|length|initial|inherit;

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

Значение Описание
auto Значение по умолчанию. Значение по умолчанию для inline-size элемента.
length

Указать размер в строковом направлении, единицы измерения px, pt, cm и т.д.

Разрешается использовать отрицательные значения. См. также:Единицы CSS.
% Указать размер в процентах по отношению к родительскому элементу по соответствующей оси.
initial Установить этот атрибут в его значение по умолчанию. См. также: initial.
inherit Этот атрибут наследуется от родительского элемента. См. также: inherit.

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

Значение по умолчанию: auto
Инheritability: Нет
Создание анимации: Поддерживается. См. также:Свойства анимации.
Версия: CSS3
JavaScript синтаксис: object.style.inlineSize="250px"

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

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

Chrome Edge Firefox Safari Opera
57.0 79.0 41.0 12.1 44.0

См. также:

CSS учебник:Высота и ширина в CSS

CSS учебник:Фреймворк CSS

CSS референция:Атрибут height

CSS референция:Атрибут width

CSS референция:Свойство writing-mode

  • Предыдущая страница initial-letter
  • Следующая страница inset