width

Support Key: [CSS1|CSS2|CSS2.1] [IE4|N4|O3.5|S1]
Other Dimension Properties
min-width
max-width
line-height
height
min-height
max-height
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   auto
Applicable Elements:
All except inline non-replaced elements, table rows, and table row groups
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
WIDTH attribute used in tables and replaced elements.
Official Docs:
CSS1: Sect. 5.5.23
CSS2: Sect. 10.2, CSS2.1: Sect 10.2
What is it?
This property specifies the width of an element's rendering box for block-level and replaced elements. Negative values are not allowed.

In addition to the 'width' property, two other properties - 'min-width' and 'max-width' - place constraints on the allowed value for an element's rendering box width. The 'width' value is first computed without consideration for these other two properties. If the computed value is greater than the 'max-width' value or less than the 'min-width' value, the width is re-calculated using the 'max-width' or 'min-width' as the new 'width' value.

Allowed Values
inherit
[CSS2|CSS2.1] [N6|O4|S1]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
auto
[CSS1|CSS2|CSS2.1] [IE4|N4|O3.5|S1]
Type: Explicit
Description:
The width is determinant on the values of other properties.
[length]
[CSS1|CSS2|CSS2.1] [IE4|N4|O3.5|S1]
Type: Explicit
Description:
Refers to an absolute measurement for the computed element box width. Negative values are not allowed.
[percentage]
[CSS1|CSS2|CSS2.1] [IE4|N4|O3.5|S1]
Type: Calculated
Description:
Refers to a percentage of the width of the containing element block.
Example
Ext/Doc: img.class1 { height: 75px; width: 75px }
In-Line:  <img STYLE="height: 75px; width: 75px" SRC="image.jpg">
Browser Peculiarities

Boring Copyright Stuff....