WeasySuite - 10.2 Content width: the 'width' property

Chapter 10 - Visual formatting model details - 10.2 Content width: the 'width' property

Go to the relevant page of the specification.

blocks-011: CSS Block Box Model: overconstrained horizontal box model and minimum widths
blocks-012: CSS Block Box Model: overconstrained horizontal box model and minimum widths
blocks-013: CSS Block Box Model: overconstrained horizontal box model and minimum widths
blocks-014: CSS Block Box Model: sane horizontal box model and minimum widths
blocks-015: CSS Block Box Model: sane horizontal box model and minimum widths
blocks-016: CSS Block Box Model: sane horizontal box model and minimum widths
blocks-020 (ahem): CSS Block Box Model: block widths with position:relative
blocks-021 (ahem): CSS Block Box Model: block widths with position:absolute
blocks-022 (ahem): CSS Block Box Model: block widths with position:static
blocks-025: Percentage Dimensions in Shrink Wrap Blocks
blocks-026: Percentage widths on INPUT elements with borders
c412-blockw-000 (ahem, image): Horizontal Formatting
c5502-mrgn-r-003: margin-right
c5504-mrgn-l-003: margin-left
c5505-mrgn-003 (ahem, image): margin
c5507-padn-r-003 (invalid): padding-right
c5523-width-000 (image): width
c5523-width-001 (image): width
c5523-width-002 (image): width
c5525-fltwidth-000 (image): float
float-non-replaced-width-008 (ahem): 'shrink-to-fit' width of floating, non-replaced elements - max-width
If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
float-non-replaced-width-009 (ahem): 'shrink-to-fit' width of floating, non-replaced elements - max-width
If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
float-non-replaced-width-010 (ahem): 'shrink-to-fit' width of floating, non-replaced elements - width
If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' is specified with absolute length, then the computed value is the specified value. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses specified absolute length, then such specified absolute length will define the preferred width in 'shrink-to-fit' width calculation.
width-001: Width using pixels with a minimum minus one value, -1px
The 'width' property sets a minimum minus one length value in pixels.
width-002: Width using pixels with a minimum value, 0px
The 'width' property sets a minimum length value in pixels.
width-003: Width using pixels with a minimum plus one value, 1px
The 'width' property sets a minimum plus one length value in pixels.
width-004: Width using pixels with a negative zero value, -0px
The 'width' property sets a negative zero length value in pixels.
width-005: Width using pixels with a positive zero value, +0px
The 'width' property sets a positive zero length value in pixels.
width-006: Width using pixels with a nominal value, 96px
The 'width' property sets a nominal length value in pixels.
width-007: Width using pixels with a positive nominal value, +96px
The 'width' property sets a positive nominal length value in pixels.
width-012: Width using points with a minimum minus one value, -1pt
The 'width' property sets a minimum minus one length value in points.
width-013: Width using points with a minimum value, 0pt
The 'width' property sets a minimum length value in points.
width-014: Width using points with a minimum plus one value, 1pt
The 'width' property sets a minimum plus one length value in points.
width-015: Width using points with a negative zero value, -0pt
The 'width' property sets a negative zero length value in points.
width-016: Width using points with a positive zero value, +0pt
The 'width' property sets a positive zero length value in points.
width-017: Width using points with a nominal value, 72pt
The 'width' property sets a nominal length value in points.
width-018: Width using points with a positive nominal value, +72pt
The 'width' property sets a positive nominal length value in points.
width-023: Width using picas with a minimum minus one value, -1pc
The 'width' property sets a minimum minus one length value in picas.
width-024: Width using picas with a minimum value, 0pc
The 'width' property sets a minimum length value in picas.
width-025: Width using picas with a minimum plus one value, 1pc
The 'width' property sets a minimum plus one length value in picas.
width-026: Width using picas with a negative zero value, -0pc
The 'width' property sets a negative zero length value in picas.
width-027: Width using picas with a positive zero value, +0pc
The 'width' property sets a positive zero length value in picas.
width-028: Width using picas with a nominal value, 6pc
The 'width' property sets a nominal length value in picas.
width-029: Width using picas with a positive nominal value, +6pc
The 'width' property sets a positive nominal length value in picas.
width-034: Width using centimeters with a minimum minus one value, -1cm
The 'width' property sets a minimum minus one length value in centimeters.
width-035: Width using centimeters with a minimum value, 0cm
The 'width' property sets a minimum length value in centimeters.
width-036: Width using centimeters with a minimum plus one value, 1cm
The 'width' property sets a minimum plus one length value in centimeters.
width-037: Width using centimeters with a negative zero value, -0cm
The 'width' property sets a negative zero length value in centimeters.
width-038: Width using centimeters with a positive zero value, +0cm
The 'width' property sets a positive zero length value in centimeters.
width-039: Width using centimeters with a nominal value, 2.54cm
The 'width' property sets a nominal length value in centimeters.
width-040: Width using centimeters with a positive nominal value, +2.54cm
The 'width' property sets a positive nominal length value in centimeters.
width-045: Width using millimeters with a minimum minus one value, -1mm
The 'width' property sets a minimum minus one length value in millimeters.
width-046: Width using millimeters with a minimum value, 0mm
The 'width' property sets a minimum length value in millimeters.
width-047: Width using millimeters with a minimum plus one value, 1mm
The 'width' property sets a minimum plus one length value in millimeters.
width-048: Width using millimeters with a negative zero value, -0mm
The 'width' property sets a negative zero length value in millimeters.
width-049: Width using millimeters with a positive zero value, +0mm
The 'width' property sets a positive zero length value in millimeters.
width-050: Width using millimeters with a nominal value, 25.4mm
The 'width' property sets a nominal length value in millimeters.
width-051: Width using millimeters with a positive nominal value, +25.4mm
The 'width' property sets a positive nominal length value in millimeters.
width-056: Width using inches with a minimum minus one value, -1in
The 'width' property sets a minimum minus one length value in inches.
width-057: Width using inches with a minimum value, 0in
The 'width' property sets a minimum length value in inches.
width-058: Width using inches with a minimum plus one value, 1in
The 'width' property sets a minimum plus one length value in inches.
width-059: Width using inches with a negative zero value, -0in
The 'width' property sets a negative zero length value in inches.
width-060: Width using inches with a positive zero value, +0in
The 'width' property sets a positive zero length value in inches.
width-061: Width using inches with a nominal value, 3in
The 'width' property sets a nominal length value in inches.
width-062: Width using inches with a positive nominal value, +3in
The 'width' property sets a positive nominal length value in inches.
width-067 (ahem, invalid): Width using 'em' units with a minimum minus one value, -1em
The 'width' property sets a minimum minus one length value in 'em' units.
width-068 (ahem): Width using 'em' units with a minimum value, 0em
The 'width' property sets a minimum length value in 'em' units.
width-069 (ahem): Width using 'em' units with a minimum plus one value, 1em
The 'width' property sets a minimum plus one length value in 'em' units.
width-070 (ahem): Width using 'em' units with a negative zero value, -0em
The 'width' property sets a negative zero length value in 'em' units.
width-071 (ahem): Width using 'em' units with a positive zero value, +0em
The 'width' property sets a positive zero length value in 'em' units.
width-072 (ahem): Width using 'em' units with a nominal value, 6em
The 'width' property sets a nominal length value in 'em' units.
width-073 (ahem): Width using 'em' units with a positive nominal value, +6em
The 'width' property sets a positive nominal length value in 'em' units.
width-078 (ahem, invalid): Width using 'ex' units with a minimum minus one value, -1ex
The 'width' property sets a minimum minus one length value in 'ex' units.
width-079 (ahem): Width using 'ex' units with a minimum value, 0ex
The 'width' property sets a minimum length value in 'ex' units.
width-080 (ahem): Width using 'ex' units with a minimum plus one value, 1ex
The 'width' property sets a minimum plus one length value in 'ex' units.
width-081 (ahem): Width using 'ex' units with a negative zero value, -0ex
The 'width' property sets a negative zero length value in 'ex' units.
width-082 (ahem): Width using 'ex' units with a positive zero value, +0ex
The 'width' property sets a positive zero length value in 'ex' units.
width-083 (ahem): Width using 'ex' units with a nominal value, 6ex
The 'width' property sets a nominal length value in 'ex' units.
width-084 (ahem): Width using 'ex' units with a positive nominal value, +6ex
The 'width' property sets a positive nominal length value in 'ex' units.
width-089: Width using percentages with a minimum minus one value, -1%
The 'width' property sets a minimum minus one length value in percentages.
width-090: Width using percentages with a minimum value, 0%
The 'width' property sets a minimum length value in percentages.
width-091: Width using percentages with a minimum plus one value, 1%
The 'width' property sets a minimum plus one length value in percentages.
width-092: Width using percentages with a negative zero value, -0%
The 'width' property sets a negative zero length value in percentages.
width-093: Width using percentages with a positive zero value, +0%
The 'width' property sets a positive zero length value in percentages.
width-094: Width using percentages with a nominal value, 100%
The 'width' property sets a nominal length value in percentages.
width-095: Width using percentages with a positive nominal value, +100%
The 'width' property sets a positive nominal length value in percentages.
width-100: Width with a negative zero value and no units, -0
The 'width' property sets a negative zero length value with no units.
width-101: Width with a zero value and no units, 0
The 'width' property sets a zero length value with no units.
width-102: Width with a positive zero value and no units, +0
The 'width' property sets a positive zero length value with no units.
width-103: Width set to a value of 'auto'
The 'width' property applies a value of 'auto'.
width-104: Width set to 'inherit'
The 'width' property properly inherits the width value of the parent.
width-applies-to-001: Width applied to elements with 'display' set to 'table-row-group'
The 'width' property does not apply to elements with 'display' set to 'table-row-group'.
width-applies-to-002: Width applied to elements with 'display' set to 'table-header-group'
The 'width' property does not apply to elements with 'display' set to 'table-header-group'.
width-applies-to-003: Width applied to elements with 'display' set to 'table-footer-group'
The 'width' property does not apply to elements with 'display' set to 'table-footer-group'.
width-applies-to-004: Width applied to elements with 'display' set to 'table-row'
The 'width' property does not apply to elements with 'display' set to 'table-row'.
width-applies-to-005: Width applied to elements with 'display' set to 'table-column-group'
The 'width' property applies to elements with 'display' set to 'table-column-group'.
width-applies-to-006: Width applied to elements with 'display' set to 'table-column'
The 'width' property applies to elements with 'display' set to 'table-column'.
width-applies-to-007: Width applied to elements with 'display' set to 'table-cell'
The 'width' property applies to elements with 'display' set to 'table-cell'.
width-applies-to-008: Width applied to elements with 'display' set to 'inline'
The 'width' property does not apply to elements with 'display' set to 'inline'.
width-applies-to-009: Width applied to elements with 'display' set to 'block'
The 'width' property applies to elements with 'display' set to 'block'.
width-applies-to-010: Width applied to elements with 'display' set to 'list-item'
The 'width' property applies to elements with 'display' set to 'list-item'.
width-applies-to-012: Width applied to elements with 'display' set to 'inline-block'
The 'width' property applies to elements with 'display' set to 'inline-block'.
width-applies-to-013: Width applied to elements with 'display' set to 'table'
The 'width' property applies to elements with 'display' set to 'table'.
width-applies-to-014: Width applied to elements with 'display' set to 'inline-table'
The 'width' property applies to elements with 'display' set to 'inline-table'.
width-applies-to-015: Width applied to elements with 'display' set to 'table-caption'
The 'width' property applies to elements with 'display' set to 'table-caption'.
width-applies-to-016: Width applied to elements set to 'display: none'
Width can be applied to 'display: none' elements.
width-non-replaced-inline-001: Width of non-replaced inline element should be the same as its content
Content width of a non-replaced inline element is that of the rendered content.
width-percentage-001: Calculating percentage based width off of the parent container
Percentage is calculated with respect to the width of the generated boxes containing block.
width-percentage-002: Calculating widths for absolutely positioned elements
Absolutely positioned elements whose containing block is based on a block-level element, the percentage is calculated with respect to the width of the padding box of that element.
width-replaced-element-001 (image, may): Scaling replaced elements with a width specified can scale the image
Replaced elements width may be scaled by the user agent when the value of the property is not 'auto'.
width-undefined-001 (ahem): Width of containing block is determined by with of child
The containing block's width depends on this element's width because the resulting layout has not been defined in CSS2.1.