max-width

The max-width property sets the maximum width of an element.

Formal Syntax

none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain

Initial value

none

Applies to

all elements that accept width or height

Inherited

no

Percentages

relative to width/height of containing block

Computed value

as specified, with values computed

Animation type

by computed value, recursing into fit-content()

See specification

JavaScript Access

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

Logical Property Group

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

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