min-width

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

Syntax

If the content is smaller than the min-width value, the property will be applied. If the content is larger than the min-width value, the property will not have any effect.

div.ex {
  min-width: 400px;
}

Values

length
Defines in length units (px, pt, em, etc.) the minimum width of the element. Default value is 0.

%
Defines the minimum width of the element in percentage of the width of the containing element.

initial
Sets the property to its default value.

inherit
Inherits this property’s value from its parent item.

Browser Compatibilty

Demos

Have a code example of min-width? Submit a codepen.io demo and we'll showcase it here ↴