CSS Basic

CSS HOME
CSS Introduction
CSS Syntax
CSS Id & Class
CSS How To

CSS Styling

Styling Backgrounds
Styling Text
Styling Fonts
Styling Lists
Styling Tables

CSS Box Model

CSS Box Model
CSS Border
CSS Outline
CSS Margin
CSS Padding

CSS Advanced

CSS Grouping/Nesting
CSS Dimension
CSS Display
CSS Positioning
CSS Floating
CSS Align
CSS Pseudo-class
CSS Pseudo-element
CSS Image Gallery
CSS Image Opacity
CSS Image Sprites
CSS Media Types
CSS Attribute Selectors
CSS Don't
CSS Summary

CSS Examples

CSS Quiz

CSS Quiz
CSS Exam

CSS References

CSS Reference
CSS Reference A to Z
CSS Reference Aural
CSS Web Safe Fonts
CSS Units
CSS Colors
CSS Colorvalues
CSS Colornames

CSS min-width Property

Complete CSS Reference

Example

Set the minimum width of a paragraph:

p.ex
{
min-width:50px;
}

Try it yourself »

Definition and Usage

The min-width property sets the minimum width of an element.

Note: The min-width property does not include padding, borders, or margins!

Default value:	0
Inherited:	no
Version:	CSS2
JavaScript syntax:	object.style.minWidth="10px"

Browser Support

The min-width property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Property Values

Value	Description
length	Defines the minimum width in px, cm, etc.
%	Defines the minimum width in percent of the containing block
inherit	Specifies that the value of the min-width property should be inherited from the parent element

CSS tutorial: CSS Dimension

CSS reference: max-width property

HTML DOM reference: minWidth property