Чем отличается inline-size от width и height в CSS?

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

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

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

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