WeasySuite - 10.5 Content height: the 'height' property

Chapter 10 - Visual formatting model details - 10.5 Content height: the 'height' property

Go to the relevant page of the specification.

anonymous-boxes-001: Percent heights inside anonymous blocks
Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest non-anonymous ancestor box is used instead.
c5524-height-000 (image): height
c5524-height-001 (image): height
c5524-height-002 (image): height
height-001 (invalid): Height using pixels with a minimum minus one value, -1px
The 'height' property sets a minimum minus one length value in pixels is invalid and resets its value to 'auto'.
height-002: Height using pixels with a minimum value, 0px
The 'height' property sets a minimum length value in pixels.
height-003: Height using pixels with a minimum plus one value, 1px
The 'height' property sets a minimum plus one length value in pixels.
height-004: Height using pixels with a negative zero value, -0px
The 'height' property sets a negative zero length value in pixels.
height-005: Height using pixels with a positive zero value, +0px
The 'height' property sets a positive zero length value in pixels.
height-006: Height using pixels with a nominal value, 96px
The 'height' property sets a nominal length value in pixels.
height-007: Height using pixels with a positive nominal value, +96px
The 'height' property sets a positive nominal length value in pixels.
height-012 (invalid): Height using points with a minimum minus one value, -1pt
The 'height' property sets a minimum minus one length value in points is invalid and resets its value to 'auto'.
height-013: Height using points with a minimum value, 0pt
The 'height' property sets a minimum length value in points.
height-014: Height using points with a minimum plus one value, 1pt
The 'height' property sets a minimum plus one length value in points.
height-015: Height using points with a negative zero value, -0pt
The 'height' property sets a negative zero length value in points.
height-016: Height using points with a positive zero value, +0pt
The 'height' property sets a positive zero length value in points.
height-017: Height using points with a nominal value, 72pt
The 'height' property sets a nominal length value in points.
height-018: Height using points with a positive nominal value, +72pt
The 'height' property sets a positive nominal length value in points.
height-023 (invalid): Height using picas with a minimum minus one value, -1pc
The 'height' property sets a minimum minus one length value in picas is invalid and resets its value to 'auto'.
height-024: Height using picas with a minimum value, 0pc
The 'height' property sets a minimum length value in picas.
height-025: Height using picas with a minimum plus one value, 1pc
The 'height' property sets a minimum plus one length value in picas.
height-026: Height using picas with a negative zero value, -0pc
The 'height' property sets a negative zero length value in picas.
height-027: Height using picas with a positive zero value, +0pc
The 'height' property sets a positive zero length value in picas.
height-028: Height using picas with a nominal value, 6pc
The 'height' property sets a nominal length value in picas.
height-029: Height using picas with a positive nominal value, +6pc
The 'height' property sets a positive nominal length value in picas.
height-034 (invalid): Height using centimeters with a minimum minus one value, -1cm
The 'height' property sets a minimum minus one length value in centimeters is invalid and resets its value to 'auto'.
height-035: Height using centimeters with a minimum value, 0cm
The 'height' property sets a minimum length value in centimeters.
height-036: Height using centimeters with a minimum plus one value, 1cm
The 'height' property sets a minimum plus one length value in centimeters.
height-037: Height using centimeters with a negative zero value, -0cm
The 'height' property sets a negative zero length value in centimeters.
height-038: Height using centimeters with a positive zero value, +0cm
The 'height' property sets a positive zero length value in centimeters.
height-039: Height using centimeters with a nominal value, 2.54cm
The 'height' property sets a nominal length value in centimeters.
height-040: Height using centimeters with a positive nominal value, +2.54cm
The 'height' property sets a positive nominal length value in centimeters.
height-045 (invalid): Height using millimeters with a minimum minus one value, -1mm
The 'height' property sets a minimum minus one length value in millimeters is invalid and resets its value to 'auto'.
height-046: Height using millimeters with a minimum value, 0mm
The 'height' property sets a minimum length value in millimeters.
height-047: Height using millimeters with a minimum plus one value, 1mm
The 'height' property sets a minimum plus one length value in millimeters.
height-048: Height using millimeters with a negative zero value, -0mm
The 'height' property sets a negative zero length value in millimeters.
height-049: Height using millimeters with a positive zero value, +0mm
The 'height' property sets a positive zero length value in millimeters.
height-050: Height using millimeters with a nominal value, 25.4mm
The 'height' property sets a nominal length value in millimeters.
height-051: Height using millimeters with a positive nominal value, +25.4mm
The 'height' property sets a positive nominal length value in millimeters.
height-056 (invalid): Height using inches with a minimum minus one value, -1in
The 'height' property sets a minimum minus one length value in inches is invalid and resets its value to 'auto'.
height-057: Height using inches with a minimum value, 0in
The 'height' property sets a minimum length value in inches.
height-058: Height using inches with a minimum plus one value, 1in
The 'height' property sets a minimum plus one length value in inches.
height-059: Height using inches with a negative zero value, -0in
The 'height' property sets a negative zero length value in inches.
height-060: Height using inches with a positive zero value, +0in
The 'height' property sets a positive zero length value in inches.
height-061: Height using inches with a nominal value, 3in
The 'height' property sets a nominal length value in inches.
height-062: Height using inches with a positive nominal value, +3in
The 'height' property sets a positive nominal length value in inches.
height-067 (ahem, invalid): Height using 'em' units with a minimum minus one value, -1em
The 'height' property sets a minimum minus one length value in 'em' units is invalid and resets its value to 'auto'.
height-068 (ahem): Height using 'em' units with a minimum value, 0em
The 'height' property sets a minimum length value in 'em' units.
height-069 (ahem): Height using 'em' units with a minimum plus one value, 1em
The 'height' property sets a minimum plus one length value in 'em' units.
height-070 (ahem): Height using 'em' units with a negative zero value, -0em
The 'height' property sets a negative zero length value in 'em' units.
height-071 (ahem): Height using 'em' units with a positive zero value, +0em
The 'height' property sets a positive zero length value in 'em' units.
height-072 (ahem): Height using 'em' units with a nominal value, 5em
The 'height' property sets a nominal length value in 'em' units.
height-073 (ahem): Height using 'em' units with a positive nominal value, +5em
The 'height' property sets a positive nominal length value in 'em' units.
height-078 (ahem, invalid): Height using 'ex' units with a minimum minus one value, -1ex
The 'height' property sets a minimum minus one length value in 'ex' units is invalid and resets its value to 'auto'.
height-079 (ahem): Height using 'ex' units with a minimum value, 0ex
The 'height' property sets a minimum length value in 'ex' units.
height-080 (ahem): Height using 'ex' units with a minimum plus one value, 1ex
The 'height' property sets a minimum plus one length value in 'ex' units.
height-081 (ahem): Height using 'ex' units with a negative zero value, -0ex
The 'height' property sets a negative zero length value in 'ex' units.
height-082 (ahem): Height using 'ex' units with a positive zero value, +0ex
The 'height' property sets a positive zero length value in 'ex' units.
height-083 (ahem): Height using 'ex' units with a nominal value, 6ex
The 'height' property sets a nominal length value in 'ex' units.
height-084 (ahem): Height using 'ex' units with a positive nominal value, +6ex
The 'height' property sets a positive nominal length value in 'ex' units.
height-089 (invalid): Height using percentages with a minimum minus one value, -1%
The 'height' property sets a minimum minus one length value in percentages is invalid and resets its value to 'auto'.
height-090: Height using percentages with a minimum value, 0%
The 'height' property sets a minimum length value in percentages.
height-091: Height using percentages with a minimum plus one value, 1%
The 'height' property sets a minimum plus one length value in percentages.
height-092: Height using percentages with a negative zero value, -0%
The 'height' property sets a negative zero length value in percentages.
height-093: Height using percentages with a positive zero value, +0%
The 'height' property sets a positive zero length value in percentages.
height-094: Height using percentages with a nominal value, 100%
The 'height' property sets a nominal length value in percentages.
height-095: Height using percentages with a positive nominal value, +100%
The 'height' property sets a positive nominal length value in percentages.
height-100: Height with a negative zero value and no units, -0
The 'height' property sets a negative zero length value with no units.
height-101: Height with a zero value and no units, 0
The 'height' property sets a zero length value with no units.
height-102: Height with a positive zero value and no units, +0
The 'height' property sets a positive zero length value with no units.
height-103: Height set to a value of auto
The 'height' property applies a value of auto.
height-104: Height set to inherit
The 'height' property properly inherits the height value of the parent.
height-111: Nested heights
height-112: Nested heights
height-113: Nested heights with percentages and borders
height-114: Negative heights
height-applies-to-001 (may): Height applied to elements with 'display' set to 'table-row-group'
The 'height' property applies to elements with 'display' set to 'table-row-group'.
height-applies-to-002 (may): Height applied to elements with 'display' set to 'table-header-group'
The 'height' property applies to elements with 'display' set to 'table-header-group'.
height-applies-to-003 (may): Height applied to elements with 'display' set to 'table-footer-group'
The 'height' property applies to elements with 'display' set to 'table-footer-group'.
height-applies-to-004: Height applied to elements with 'display' set to 'table-row'
The 'height' property applies to elements with 'display' set to 'table-row'.
height-applies-to-005: Height applied to elements with 'display' set to 'table-column-group'
The 'height' property does not to elements with 'display' set to 'table-column-group'.
height-applies-to-006: Height applied to elements with 'display' set to 'table-column'
The 'height' property does not to elements with 'display' set to 'table-column'.
height-applies-to-007: Height applied to elements with 'display' set to 'table-cell'
The 'height' property applies to elements with 'display' set to 'table-cell'.
height-applies-to-008: Height applied to elements with 'display' set to 'inline'
The 'height' property does not apply to elements with 'display' set to 'inline'.
height-applies-to-009: Height applied to elements with 'display' set to 'block'
The 'height' property applies to elements with 'display' set to 'block'.
height-applies-to-010: Height applied to elements with 'display' set to 'list-item'
The 'height' property applies to elements with 'display' set to 'list-item'.
height-applies-to-012: Height applied to elements with 'display' set to 'inline-block'
The 'height' property applies to elements with 'display' set to 'inline-block'.
height-applies-to-013: Height applied to elements with 'display' set to 'table'
The 'height' property applies to elements with 'display' set to 'table'.
height-applies-to-014: Height applied to elements with 'display' set to 'inline-table'
The 'height' property applies to elements with 'display' set to 'inline-table'.
height-applies-to-015: Height applied to elements with 'display' set to 'table-caption'
The 'height' property applies to elements with 'display' set to 'table-caption'.
height-applies-to-016: Height applied to elements set to 'display: none'
Height can be applied to 'display: none' elements.
height-percentage-001: Percentage height computed to containing block
A percentage height is calculated using the height of the containing block.
height-percentage-002: Percentage based 'height' computes to 'auto' when containing block has no specified height
A percentage height is computed to 'auto' when the element is not absolutely positioned and there is no 'height' explicitly set on the containing block.
height-percentage-003: Percentage based 'height' on the root element
A percentage 'height' on the root element is relative to the initial containing block.
height-percentage-004: Resolving container heights when they contain absolutely positioned elements with percentage based heights
The 'height' of the containing block of an absolutely positioned element is independent of the size of the element itself.
min-height-percentage-003: min-height - 100% of the initial containing block's height
The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'min-height: 100%;' of the document root element should use all of the document root element's height. A percentage for 'min-height' is calculated with respect to the height of the generated box's containing block.
page-break-inside-000 (paged): page-break-inside:auto
The 'auto' value of the 'page-break-inside' property neither forces nor forbids a page break inside the box.
page-container-000 (paged): Paged Media root container
For a single-page document, the containing box for the root element is the page area.
page-container-002 (paged): paged media root percent height
A percentage height on the root element is relative to the page area height.
page-container-004 (may, paged): Paged Media root container (float)
The root element when floated abuts the left or right edge of the page area.
page-container-010 (paged): Paged Media Height (percent)
For HTML documents in paged media, when the HTML and BODY elements have heights of 100%, a percentage height on a child of BODY is relative to the page area height.