CSS3 Examples

CSS Dimensions

Written by jon on 10:46 AM 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.

Example

img.class1 { height: 75px; width: 75px } <img style=”height: 75px; width: 75px” src=”image.jpg” mce_src=”image.jpg”>

Possible Values

Value Description inherit Explicitly sets the value of this property to that of the parent. auto The width is determinant on the values of other properties. [length] Refers to an absolute measurement for the computed element box width. Negative values are not allowed. [percentage] Refers to a percentage of the width of the containing element block.