CSS/Properties/min-width
From W3C Wiki
< CSS | Properties
Contents |
min-width
The min-width property allow authors to constrain content widths to a certain range.
Description
| Values | <length> | <percentage> | inherit |
|---|---|
| Initial value | 0 |
| Applies to | All elements but non-replaced inline elements, table rows, and row groups |
| Inherited | No |
Values
<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
Example A
[style.css]
p {
width: auto;
min-width: 200px;
max-width: 600px;
height: 200px;
background-color: #ccc;
}
[index.html]
<body> <p>This is a paragraph.</p> </body>
CSS Reference
The CSS specification defines the min-width property in 10.4 Minimum and maximum widths.
