All except inline non-replaced elements, table rows, and table
Inherit From Parent:
WIDTH attribute used in tables and replaced elements.
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.
Explicitly sets the value of this property to that of the parent.
The width is determinant on the values of other properties.
Refers to an absolute measurement for the computed element
box width. Negative values are not allowed.
Refers to a percentage of the width of the containing element block.
- This property does not apply to inline elements, input type=checkbox|radio
elements, list structures (ol, ul, dl) and list sub-items (li, dt, dd.)
- This property is supported for the DIV element, but not for other
- If this property is applied to table structures, it is only applied
if the specified width is greater than sum of the total table cell
minimums needed for each cell to render correctly. Any extra width is
distributed evenly in the table columns.
- This property now applies to inline elements, list structures
(ol, ul, dl) and list sub-items (li, dt, dd.)
- This property can now be applied to all block element structures.
- This property now applies to form checkbox and radio buttons
(input type=checkbox|password|radio|text.) These controls have an
intrinsic width, so the extra width is added as padding around the field.
- Applying this property to an OL list structure turns the markers
- Applying this property to an OL list item resets the counter.
- Applying this property to an UL/OL list structure makes the 'list-style-type'
into "bullet", and the 'list-style-position' is set to "inside",
- This property does not apply to form field or replaced object
(eg: IMG element) dimensions.
- Applying this property to DL structures applies the specified width to
each DT and DD sub element.
- Applying this property to DT/DD elements has no effect.
- Applying this property to inline elements and replaced elements (such as
images) often has odd effects. The usual behavior is to begin rendering the
inline element at the start of the current line, overlapping previous
content. In the rare cases where this does not happen (for reasons
related to the element's width), a linefeed occurs before the element.
- This property DOES appear to be supported for HR elements.
- This property has no effect on inline elements, form fields or tables.
- If only one dimension is given for an image, the other dimension is
calculated such that the image has the same height/width proportions
as the original image.