Search within TutorialsPark

CSS min-width Property

To set the minimum width of an element

Definition and Notes.

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

2. If contents are are not as wide as min-width, the box shrinks to meet the min-width value.


CSS min-width property. internetexplorer safari firefox opera chrome

View in Splitscreen»


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 min-width in terms of percentage of the containing block.
inherit The child element inherits the value of the parent element.


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

Related Examples.