max-inline-size

The max-inline-size property sets the maximum size of a block in the inline direction.

Formal Syntax

<'max-width'>

Initial value

none

Applies to

same as height and width

Inherited

no

Percentages

As for the corresponding physical property

Computed value

Same as max-height, max-width

Animation type

by computed value type

See specification

JavaScript Access

// Access via element.style
element.style.maxInlineSize = 'none';

Logical Property Group

This property belongs to the max-size logical property group, which includes:

• max-block-size
• max-height
• max-inline-size (current property)
• max-width