Search within TutorialsPark

CSS max-width Property


To set the maximum width of an element


Definition and Notes.

1. The CSS max-width property is used to set the maximum width.It means that, the element's box may be wider than this value, but can't be any wider.

2. If contents are wider than the max-width value, they overflow the containing box.


Syntax:

CSS max-width property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note-Its not mandatory to include both the minimum and maximum values.

Property Values

Value Description
none No value is defined. Its the default.
length To set the length in terms of px, cm, em etc.
percentage To set the value of max-width in terms of percentage of the containing block.
inherit The child element inherits the value of the parent element.

Specifications

Specs Value
Name max-width
Value <length> | <percentage> | none | inherit
Initial Value none
Applies to All elements expect inline nonreplaced elements and table elements
Javascript syntax object.style.maxWidth="20px"
Inherited No
Computed Value Same as declared Value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.