Summary

The min-width CSS property is used to set the minimum width of a given element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.

• Initial value : 0
• Applies to: block level and replaced elements, for <table> see Browser compatibility below
• Inherited : no
• Percentages: refer to the width of the containing block
• Media: visual
• Computed value : the percentage as specified or the absolute length

Syntax

min-width:  <length> | <percentage> | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available

Values

length

See <length> for possible units.

percentage

Specified as a <percentage> of containing block's width.

Examples

table { min-width: 75%; }

form { min-width: 0; }

Notes

min-width overrides both max-width and width .

Specifications

• CSS 2.1 #min-max-widths

Browser compatibility

See also

• width , max-width , min-height
• box model, box-sizing