The max-width property sets the maximum width of an element.
Note: The max-width property does not include padding, borders, or margins!
| Default value: | none |
|---|---|
| Inherited: | no |
| Version: | CSS2 |
| JavaScript syntax: | object.style.maxWidth="100px" |
![]()
The max-width property is supported in all major browsers.
Note: The value "inherit" is supported in IE8 if a !DOCTYPE is specified. IE9 supports "inherit".
Note: IE6 and earlier versions do not support the max-width property.
| Value | Description | Play it |
|---|---|---|
| none | No maximum width. This is default | Play it » |
| length | Defines the maximum width in px, cm, etc. | Play it » |
| % | Defines the maximum width in percent of the containing block | Play it » |
| inherit | Specifies that the value of the max-width property should be inherited from the parent element |
CSS tutorial: CSS Dimension
CSS reference: min-width property
HTML DOM reference: maxWidth property
Your message has been sent to W3Schools.