inline-size
A logical property that sets the 'width' of an element relative to the direction of text. In horizontal languages (like English), it's exactly the same as 'width'.
Quick example
.container {
/* Sets the width in a logical way (resilient to RTL changes) */
inline-size: 800px;
max-inline-size: 90%;
}Quick facts
Initial value
autoInherited
No
Applies to
same as width and height
Animation type
lpc
Values
width inline-size Browser Support
Widely available Since 2021 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2021.
Safe to use without fallbacks.
57+
41+
12.1+
79+