min-width

min-width Description:

The min-width property defines smallest width that an element should have.

min-width in CSS Versions:

• CSS 2
• CSS 3

min-width Syntax:

min-width: <length> | <percentage> | none | inherit

• <length>
  The width is defined by a fixed measure.
• <percentage>
  The width is defined by a percentage of the containing block's height.
• none
  No limit on the width of the box.
• inherit
  The element should have the same min-width setting as the parent.

min-width Initial Value:

0

min-width Applies To:

All elements but non-replaced inline elements, table rows, and row groups.

min-width Inheritance:

This property is not inherited.

min-width Browser Support:

• Netscape 6, 7
• Mozilla 1
• Firefox 1
• Opera 6, 7, 8
• Safari 1

min-width media type:

• Visual

min-width Examples:

A paragraph with a min-width

<p style="min-width: 100px; border:thin solid black;">
This paragraph will not be less than 100 pixels wide.
</p>

min-width Special Notes:

• Internet Explorer 6 does not support this property.
• Also remember that setting limits on the size of elements can cause accessibility problems.

More min-width Information

• max-width
• overflow

Return to the Style Library