inline-size в CSS — это логическое свойство, которое определяет ширину элемента при горизонтальном режиме написания или высоту элемента при вертикальном режиме. 2

Свойства width и height задают физические размеры элемента: значение свойства width рассчитано относительно такого же свойства у родительского элемента, а значение свойства height зависит от высоты контента. 5

Таким образом, основное отличие в том, что inline-size учитывает направление написания текста и в зависимости от него определяет то ширину, то высоту элемента, а width и height задают конкретные физические размеры элемента по ширине и высоте соответственно. 23

Например, если при использовании width элемент имеет ширину 400px, то при изменении режима написания на вертикальный-lr содержимое повернётся, но элемент останется шириной 400px, а не высотой. 2