From W3C Wiki
< CSS‎ | Properties
Revision as of 18:07, 16 June 2011 by Hiroki (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search


The min-width property allow authors to constrain content widths to a certain range.


Values <length> | <percentage> | inherit
Initial value 0
Applies to All elements but non-replaced inline elements, table rows, and row groups
Inherited No


  • <length>
    Specifies a fixed minimum used width.

  • <percentage>
    Specifies a percentage for determining the used value. The percentage is calculated with respect to the width of the generated box's containing block.

  • inherit
    Takes the same specified value as the property for the element's parent.


Example A


 p {
   width: auto;
   min-width: 200px;
   max-width: 600px;
   height: 200px;
   background-color: #ccc;


  <p>This is a paragraph.</p>

CSS Reference

The CSS specification defines the min-width property in 10.4 Minimum and maximum widths.