Collapse the table of content
Expand the table of content

minWidth property

Sets or retrieves the minimum width for an element.

CSS 2.1, Section 10.4



Integer value = object.put_minWidth(Variant v);Integer value = object.get_minWidth(Variant* sMinWidth);

Property values


The minimum width for an element.

length (length)

Floating-point number followed by an absolute units designator (cm, mm, in, pt, or pc) or a relative units designator (em, ex, or px). For more information about the supported length units, see CSS Values and Units Reference.

percentage (percentage)

Integer followed by a % that specifies a percentage of the containing block width to use as the minimum width of the element. If the width of the containing block is not explicitly set, then the element has no minimum width and the IHTMLCurrentStyle4::minWidth property is interpreted as 0%. For more information on containing blocks and how their widths are computed, see the Cascading Style Sheets, Level 2.1 (CSS2.1) specification.

String format

auto | <length> | <percentage>

CSS information

Applies ToAll elements
Initial Valueauto

Standards information


Internet Explorer for Windows Developer Preview introduces the 'auto' value as the initial value for IHTMLCurrentStyle4::minWidth. This provides a reasonable default minimum size for flex items (for more information, see Flexible box layout).

IHTMLCurrentStyle4::minWidth was introduced in Windows Internet Explorer 7.

The IHTMLCurrentStyle4::minWidth/IHTMLCurrentStyle4::maxWidth attributes apply to floating and absolutely positioned block and inline-block elements, as well as some intrinsic controls. They do not apply to non-replaced inline elements, such as table rows and row/column groups. (A "replaced" element has intrinsic dimensions, such as an img or textArea.)

This property is enabled only under the strict !DOCTYPE.


The following example shows how to constrain the width of a div element using IHTMLCurrentStyle4::minWidth and IHTMLCurrentStyle4::maxWidth attributes. The example requires Internet Explorer 7 or later to view.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/minWidth7.htm

<!DOCTYPE html>

    .width {
      width: 50%;
      min-width: 200px;
      max-width: 400px;
      background: #eee;

    .content {
      border: 1px solid #c00;
      padding: 5px;

  <div class="width">
    <div class="content">
      <h2>{ min-width:200px; max-width:400px }</h2>
        This div also has a width of 50%. Resize the window
         to grow and shrink the div from max to min width.<br />
        <br />
        The outer div controls the width of the inner "content" div.
         Note that the div height increases to accommodate the flow of text.



Minimum supported client

Windows XP [desktop apps only]

Minimum supported server

Windows 2000 Server [desktop apps only]







See also

Cascading Style Sheet Compatibility in Internet Explorer 7



Community Additions

© 2015 Microsoft