CSS2.1 Test Suite

Visual formatting model details (1163 tests)

Test Refs Flags Info
+ 10.1 Definition of "containing block"
abspos-containing-block-001 Containing block for fixed positioning
abspos-containing-block-002 Containing block for absolute positioning
abspos-containing-block-003 Containing block for absolute positioning
abspos-containing-block-004 Containing block for absolute positioning
abspos-containing-block-005 Containing block for absolute positioning
abspos-containing-block-006 Containing block for absolute positioning
abspos-containing-block-007 Containing block for absolute positioning
abspos-containing-block-008 Containing block for absolute positioning
abspos-containing-block-009 Containing block for absolute positioning
abspos-containing-block-010 Absolute Positioning: Containing Block of Top Level Absolutely Positioned Block
abspos-containing-block-initial-001 = DOM/JS Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004a = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004b = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004c = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004d = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004e = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-004f = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-005a = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-005b = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-005c = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-005d = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-007 = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-009a = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-009b = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-009e = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
abspos-containing-block-initial-009f = Test for containing block for absolutely positioned elements being initial containing block
  • If there is no such ancestor, the containing block is the initial containing block.
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.
background-root-017 Interact Height of root element
containing-block-001 Containing block for relative positioned elements is nearest block-level ancestor
  • If the element's position is 'relative', the containing block is formed by the content edge of the nearest block-level ancestor box.
containing-block-002 Containing block for relative positioned elements is nearest table cell ancestor
  • If the element's position is 'relative', the containing block is formed by the content edge of the nearest table cell ancestor box.
containing-block-003 Containing block for relative positioned elements is nearest inline-block ancestor
  • If the element's position is 'relative', the containing block is formed by the content edge of the nearest inline-block ancestor box.
containing-block-004 Containing block for static positioned elements is nearest block-level ancestor
  • If the element's position is 'static', the containing block is formed by the content edge of the nearest block-level ancestor box.
containing-block-005 Containing block for static positioned elements is nearest table cell ancestor
  • If the element's position is 'static', the containing block is formed by the content edge of the nearest table cell ancestor box.
containing-block-006 Containing block for static positioned elements is nearest inline-block ancestor
  • If the element's position is 'static', the containing block is formed by the content edge of the nearest inline-block ancestor box.
containing-block-007 Initial containing block for fixed positioned elements
  • The containing block is established by the viewport when an element uses fixed positioning.
containing-block-008 Containing block for absolute positioned elements is nearest positioned (absolute) ancestor
  • If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.
containing-block-009 Containing block for absolute positioned elements is nearest positioned (relative) ancestor
  • If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.
containing-block-010 Containing block for absolute positioned elements is nearest positioned (fixed) ancestor
  • If the element has 'position: absolute', the containing block is established by the nearest positioned ancestor.
containing-block-011 Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is relative
  • If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.
containing-block-013 Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is absolute
  • If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.
containing-block-015 Containing Blocks - Inline-level elements position based on left-to-right direction and parent element is fixed
  • If the ancestor is inline-level, positioned absolute, and direction is left-to-right, the top/left of the containing block determines the top/left padding edges of the first box generated by the ancestor.
containing-block-017 DOM/JSInteract Containing Blocks - Block-level elements position based on left-to-right direction and parent element is relative
  • The containing block of an absolutely positioned block-level element is formed by the padding edge of its nearest (closest) positioned ancestor element.
containing-block-018 DOM/JSInteract Containing Blocks - Block-level elements position based on right-to-left direction and parent element is relative
  • The containing block of an absolutely positioned block-level element is formed by the padding edge of its nearest (closest) positioned ancestor element.
containing-block-019 Containing Blocks - Block-level elements position based on left-to-right direction and parent element is absolute
  • The containing block is formed by the padding edge for block-level elements.
containing-block-020 Containing Blocks - Block-level elements position based on right-to-left direction and parent element is absolute
  • The contining block is formed by the padding edge for block-level elements.
containing-block-021 Containing Blocks - Block-level elements position based on left-to-right direction and parent element is fixed
  • The containing block is formed by the padding edge for block-level elements.
containing-block-022 Containing Blocks - Block-level elements position based on right-to-left direction and parent element is fixed
  • The contining block is formed by the padding edge for block-level elements.
containing-block-023 Containing Blocks - Fall back to Initial containing block
  • When there are no positioned ancestors then the initial containing block is used.
containing-block-024 Paged Containing block and absolutely positioned element in paged media
  • An absolutely positioned element ignores page breaks in paged media.
containing-block-025 OptionalPaged Containing block and absolutely positioned element in paged media positioned off first page
  • An absolutely positioned element positioned beyond the boundaries of the page being laid out can be omitted, rendered on the current page or on a following page.
containing-block-031 Ahem containing block - absolutely positioned elements inside inline-level relative elements
  • If the nearest positioned ancestor of an absolutely positioned element is inline-level and direction is 'ltr', then the top and left of the containing block are the top and left padding edges of the first box generated by the ancestor, and the bottom and right are the bottom and right padding edges of the last box of the ancestor
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-008 Paged Paged Media Canvas Background
  • For documents in the html namespace, a background on 'html' will cover the page area but not the margin area.
page-container-009 Paged Paged Media Body Background
  • For documents in the html namespace, a background on 'body' will cover the page area.
root-canvas-001 Canvas: Embedded documents
table-percent-width-001 Testing percent widths of kids of anonymous table cells
  • Percentage width kids of anonymous cells should use anonymous cell as containing block
+ 10.2 Content width: the 'width' property
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 AhemBitmaps Horizontal Formatting
c5502-mrgn-r-003 margin-right
c5504-mrgn-l-003 margin-left
c5505-mrgn-003 AhemBitmaps margin
c5507-padn-r-003 Invalid padding-right
c5523-width-000 Bitmaps width
c5523-width-001 Bitmaps width
c5523-width-002 Bitmaps width
c5525-fltwidth-000 Bitmaps 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 AhemInvalid 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 AhemInvalid 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 BitmapsOptional 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.
+ 10.3 Calculating widths and margins
+ 10.3.1 Inline, non-replaced elements
inline-non-replaced-width-001 Ahem Inline non-replaced elements with 'auto' value for 'left', 'right', and 'margin-left'
  • Computed value of 'auto' for 'left', 'right', and 'margin-left' becomes a used value of '0'.
inline-non-replaced-width-002 Ahem Inline non-replaced elements with 'auto' value for 'left', 'right', and 'margin-right'
  • Computed value of 'auto' for 'left', 'right', and 'margin-right' becomes a used value of '0'.
+ 10.3.2 Inline, replaced elements
inline-replaced-width-001 Bitmaps Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
inline-replaced-width-006 Bitmaps Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
inline-replaced-width-011 Replaced inline elements with % widths
inline-replaced-width-012 Replaced inline elements wrapping around floats (% widths)
inline-replaced-width-013 Replaced inline elements wrapping around floats (pixel widths)
inline-replaced-width-014 Replaced inline elements with % widths
inline-replaced-width-015 Replaced inline elements wrapping around floats (% widths)
replaced-intrinsic-001 SVG Replaced inline elements (using <object>) and SVG intrinsic widths
replaced-intrinsic-002 SVG Replaced inline elements (using <object>) and SVG intrinsic widths (negative test equivalent of 001)
replaced-intrinsic-003 BitmapsSVG Replaced block elements (using <object>) and SVG intrinsic widths
replaced-intrinsic-005 SVG Auto Intrinsic Sizes: Intrinsic Width Only and Auto Height
  • A replaced element with an intrinsic height only and a specified width is drawn at the specified width and intrinsic height.
replaced-intrinsic-ratio-001 OptionalSVG Auto Width for Replaced Element with Intrinsic Ratio Only
+ 10.3.3 Block-level, non-replaced elements in normal flow
block-non-replaced-width-001 Solving for width of block-level non-replaced elements in normal flow
  • The equation; 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' is equal the width of containing block.
block-non-replaced-width-002 Solving for width of block-level non-replaced elements in normal flow when 'width' is 'auto'
  • When width is auto and the combination of border widths, padding widths, scrollbar widths, width, and non 'auto' margin widths are larger than the width of the containing block, the margin widths are treated as 0.
block-non-replaced-width-003 Solving over-constrained situation for block-level non-replaced elements in normal flow and direction is left-to-right
  • When direction is left-to-right, margin-right is ignored in an over-constrained situation.
block-non-replaced-width-004 Solving over-constrained situation for block-level non-replaced elements in normal flow and direction is right-to-left
  • When direction is right-to-left, margin-left is ignored in an over-constrained situation.
block-non-replaced-width-005 Solving width for block-level non-replaced elements in normal flow with single 'auto' value
  • If 'width' is set to 'auto', no other 'auto' values are set the 'width' is computed based the width of the containing block.
block-non-replaced-width-006 Solving width for block-level non-replaced elements in normal flow with multiple properties with 'auto' values
  • If 'width' is set to 'auto', any other 'auto' values become '0' and the 'width' is computed based on remaining space which includes any negative width.
block-non-replaced-width-007 Ahem Box centering with 'margin-left' and 'margin-right' set to auto
  • When 'margin-left' and 'margin-right' are set to auto and the element has a 'width' then the box will be centered.
block-non-replaced-width-008 Solving 'width: auto' of a block-level non-replaced element in normal flow with one other property set to an 'auto' value
  • If 'width' is set to 'auto', any other 'auto' values become '0' and the determination of 'width' proceeds from the following equality: 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' = width of containing block
c412-blockw-000 AhemBitmaps Horizontal Formatting
+ 10.3.4 Block-level, replaced elements in normal flow
block-replaced-width-001 AhemBitmaps Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
block-replaced-width-006 AhemBitmaps Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
c43-center-000 AhemBitmaps Replaced Elements
c43-rpl-bbx-000 Bitmaps Replaced Elements
c43-rpl-bbx-001 Bitmaps Replaced Elements
replaced-elements-001 replaced elements - margin
  • Block-level, replaced elements with margin-left: auto and margin-right: auto should be centered within their respective parent block
+ 10.3.5 Floating, non-replaced elements
absolute-non-replaced-width-019 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-020 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-023 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-024 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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-001 Floating non-replaced elements with 'auto' left margin
  • If 'margin-left' is computed as 'auto' its used value is '0'.
float-non-replaced-width-002 Floating non-replaced elements with specified left margin
  • If 'margin-left' is not computed as 'auto' its used value is as specified.
float-non-replaced-width-003 Floating non-replaced elements with 'auto' right margin
  • If 'margin-right' is computed as 'auto' its used value is '0'.
float-non-replaced-width-004 Floating non-replaced elements with specified right margin
  • If 'margin-right' is not computed as 'auto' its used value is as specified.
float-non-replaced-width-005 Floating non-replaced elements with left and right margins as 'auto'
  • If both 'margin-left' and margin-right' are computed as 'auto' their used value is as '0'.
float-non-replaced-width-006 Ahem Floating non-replaced elements with 'auto' width
  • If 'width' computes to 'auto' then the used value of 'width' is 'shrink-to-fit'.
float-non-replaced-width-007 Ahem 'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
  • If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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-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.
float-non-replaced-width-011 Ahem 'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
  • If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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-012 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 and such calculated width can be furthermore constrained, reduced by a max-width declaration.
+ 10.3.6 Floating, replaced elements
float-replaced-width-001 Bitmaps Floated replaced elements with 'auto' left margin
  • If 'margin-left' is computed as 'auto' its used value is '0'.
float-replaced-width-002 Bitmaps Floated replaced elements with specified left margin
  • If 'margin-left' is not computed as 'auto' its used value is as specified.
float-replaced-width-003 Bitmaps Floated replaced elements with 'auto' right margin
  • If 'margin-right' is computed as 'auto' its used value is '0'.
float-replaced-width-004 Bitmaps Floated replaced elements with specified right margin
  • If 'margin-right' is not computed as 'auto' its used value is as specified.
float-replaced-width-005 Bitmaps Floated replaced elements with left and right margins as 'auto'
  • If both 'margin-left' and margin-right' are computed as 'auto' their used value is as '0'.
float-replaced-width-006 Bitmaps Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
float-replaced-width-011 Bitmaps Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
+ 10.3.7 Absolutely positioned, non-replaced elements
absolute-non-replaced-width-001 Ahem Solving for 'right' on absolutely positioned non-replaced elements
  • When direction is left-to-right and 'left', 'width' and 'right' are 'auto', the width becomes shrink-to-fit and then solve for 'right'.
absolute-non-replaced-width-002 Ahem Solving for 'left' on absolutely positioned non-replaced elements
  • When direction is right-to-left and 'left', 'width' and 'right' are 'auto', the width becomes shrink-to-fit and then solve for 'left'.
absolute-non-replaced-width-003 Ahem Absolutely positioned non-replaced elements with 'margin-left' and 'margin-right' set to 'auto'
  • When 'left', 'width' and 'right' are not 'auto', set 'margin-left' and 'margin-right' to equal values.
absolute-non-replaced-width-004 Ahem Absolutely positioned non-replaced elements when both 'margin-left' and 'margin-right' are set to 'auto' and direction is left-to-right
  • When direction is 'ltr' and 'left', 'width' and 'right' are not 'auto', solve for 'margin-right' and 'margin-left' to equal values. If this would make 'margin-left' and 'margin-right' negative, then set 'margin-left' to zero and solve for 'margin-right'.
absolute-non-replaced-width-005 Ahem Absolutely positioned non-replaced elements when both 'margin-left' and 'margin-right' are set to 'auto' and direction is right-to-left
  • When direction is 'rtl' and 'left', 'width' and 'right' are not 'auto', solve for 'margin-right' and 'margin-left' to equal values. If this would make 'margin-left' and 'margin-right' negative, then set 'margin-right' to zero and solve for 'margin-left'.
absolute-non-replaced-width-006 Ahem Absolutely positioned non-replaced element when only 'margin-right' is 'auto' and direction is left-to-right
  • When direction is left-to-right and 'left', 'width', 'margin-left' and 'right' are not 'auto', solve for 'margin-right'.
absolute-non-replaced-width-007 Ahem Absolutely positioned non-replaced element when only 'margin-left' is 'auto' and direction is right-to-left
  • When direction is right-to-left and 'left', 'width', 'margin-right' and 'right' are not 'auto', solve for 'margin-left'.
absolute-non-replaced-width-008 Ahem Absolutely positioned non-replaced elements with left, width, right and margin-right not auto
  • If 'left', 'width', 'right' and 'margin-right' are all not 'auto' and 'margin-left' is 'auto', then solve the equation for 'margin-left'.
absolute-non-replaced-width-009 Ahem Absolutely positioned non-replaced elements with left, width, right and margin-left not auto
  • If 'left', 'width', 'right' and 'margin-left' are all not 'auto' and 'margin-right' is 'auto', then solve the equation for 'margin-right'.
absolute-non-replaced-width-010 Ahem Solved for 'left' when absolutely positioned non-replaced elements has 'left' and 'width' as 'auto'
  • When 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width is shrink-to-fit and then solve for 'left'.
absolute-non-replaced-width-011 Ahem Absolutely positioned non-replaced elements when 'left' and 'right' are 'auto', 'width' is not 'auto' and 'direction' is left-to-right
  • When 'direction' is left-to-right and 'left' and 'right' are 'auto' and 'width' is not 'auto', solve for 'right'.
absolute-non-replaced-width-012 Ahem Absolutely positioned non-replaced elements when 'left' and 'right' are 'auto', 'width' is not 'auto' and 'direction' is right-to-left
  • When 'direction' is right-to-left and 'left' and 'right' are 'auto' and 'width' is not 'auto', solve for 'left'.
absolute-non-replaced-width-013 Ahem Solved for 'right' when absolutely positioned non-replaced elements has 'right' and 'width' as 'auto'
  • When 'right' and 'width' are 'auto' and 'left' is not 'auto', then the width is shrink-to-fit and then solve for 'right'.
absolute-non-replaced-width-014 Ahem Solved for 'left' when absolutely positioned non-replaced elements has 'right' and 'width' not set to 'auto'
  • When 'left' is 'auto' and 'width' and 'right' are not 'auto' element solves for 'left'.
absolute-non-replaced-width-015 Solved for 'width' when absolutely positioned non-replaced elements has 'left' and 'right' not set to 'auto'
  • When 'width' is 'auto' and 'left' and 'right' are not 'auto' element solves for 'width'.
absolute-non-replaced-width-016 Ahem Solved for 'right' when absolutely positioned non-replaced elements has 'left' and 'width' not set to 'auto'
  • When 'right' is 'auto' and 'width' and 'left' are not 'auto' element solves for 'right'.
absolute-non-replaced-width-017 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-018 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to shrink-to-fit width calculation 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.
absolute-non-replaced-width-019 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-020 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-021 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-022 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-023 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-024 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
abspos-008 Shrink wrapping of absolute positioned blocks
abspos-010 Absolutely positioned tables must shrink wrap
abspos-023 Optional left:auto for fixed-pos blocks inside abs-pos blocks
abspos-024 Static position in rtl context
abspos-025 Bitmaps Positioning replaced elements with four offsets
abspos-026 Positioning replaced elements with four offsets
abspos-non-replaced-width-margin-000 = CSS2.1:10.3.7 Comprehensive - Absolutely Positioned Non-Replaced Horizontal Size+Position Calculations
  • The values of 'left', 'right', 'margin-left', 'margin-right', and 'width' are calculated correctly for absolutely positioned non-replaced elements according to CSS2.1 Section 10.3.7.
abspos-width-001 Absolute Positioning: width:auto with table width:100%
abspos-width-002 Absolute Positioning: width:auto with block width:100%
abspos-width-003 Absolute Positioning: width:auto with block width:50%
abspos-width-004 Absolute Positioning: width:auto with block width:100%
abspos-width-005 Absolute Positioning: max-width
bidi-position-fixed-001 position:fixed in rtl context
  • Default horizontal position of position:fixed block should be right in rtl context, and ancestor direction should still be applied inside the block taken out of normal flow
+ 10.3.8 Absolutely positioned, replaced elements
absolute-replaced-width-001 Bitmaps Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-006 Bitmaps Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-008 Bitmaps Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-013 Bitmaps Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-015 Bitmaps Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-020 Bitmaps Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-022 Bitmaps Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-027 Bitmaps Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-029 Bitmaps Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-034 Bitmaps Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-036 Bitmaps Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-041 Bitmaps Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-043 Bitmaps Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-048 Bitmaps Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-050 Bitmaps Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-055 Bitmaps Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-057 Bitmaps Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-062 Bitmaps Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-064 Bitmaps Absolute replaced elements with 'direction' as left-to-right, intrinsic width and over-constrained situation
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-069 Bitmaps Absolute replaced elements with 'direction' as left-to-right, percentage intrinsic width and over-constrained situation
  • Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-071 Bitmaps Absolute replaced elements with 'direction' as right-to-left, intrinsic width and over-constrained situation
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-076 Bitmaps Absolute replaced elements with 'direction' as right-to-left, percentage intrinsic width and over-constrained situation
  • Percentage intrinsic widths are evaluated against the containing block's width.
abspos-replaced-width-margin-000 = CSS2.1:10.3.8 Comprehensive - Absolutely Positioned Replaced Horizontal Size+Position Calculations
  • The values of 'left', 'right', 'margin-left', 'margin-right', and 'width' are calculated correctly for absolutely positioned replaced elements according to CSS2.1 Section 10.3.7.
+ 10.3.9 'Inline-block', non-replaced elements in normal flow
absolute-non-replaced-width-017 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-018 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to shrink-to-fit width calculation 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.
absolute-non-replaced-width-021 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-022 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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-007 Ahem 'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
  • If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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-011 Ahem 'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
  • If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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.
inline-block-001 inline-block: ping test
inline-block-002 Interact inline-block: width
inline-block-003 Interact inline-block: width
inline-block-004 Interact inline-block: width
inline-block-005 Interact inline-block: width
inline-block-non-replaced-width-001 Ahem Inline-block non-replaced elements shrink-to-fit
  • If 'width' is 'auto' then 'inline-block' elements shrink-to-fit.
inline-block-non-replaced-width-002 Ahem Inline-block non-replaced elements with 'margin-left' and 'margin-right' set to 'auto'
  • When 'margin-left' and 'margin-right' are set to 'auto' the used value becomes '0'.
inline-block-non-replaced-width-003 Ahem 'shrink-to-fit' width of inline-block non-replaced elements - max-width
  • If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an inline-block, non-replaced element in normal flow 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.
inline-block-non-replaced-width-004 Ahem 'shrink-to-fit' width of inline-block non-replaced elements - max-width
  • If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an inline-block, non-replaced element in normal flow 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.
inline-block-width-001a = Test for 'width: auto' on inline-block
inline-block-width-001b = Test for 'width: auto' on inline-block
inline-block-width-002a = Test for 'width: auto' on inline-block
inline-block-width-002b = Test for 'width: <length>' on inline-block
+ 10.3.10 'Inline-block', replaced elements in normal flow
inline-block-replaced-width-001 Bitmaps Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
inline-block-replaced-width-006 Bitmaps Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
  • Percentage intrinsic widths are evaluated against the containing block's width.
+ 10.4 Minimum and maximum widths: 'min-width' and 'max-width'
absolute-non-replaced-width-017 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-018 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to shrink-to-fit width calculation 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.
absolute-non-replaced-width-019 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-020 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
  • When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-021 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-022 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-023 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
absolute-non-replaced-width-024 Ahem 'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
  • When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow 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 an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation 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.
c43-rpl-bbx-002 AhemBitmaps Replaced Elements
c43-rpl-ibx-000 AhemBitmaps Replaced Elements
c5524-height-002 Bitmaps height
float-non-replaced-width-007 Ahem 'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
  • If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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-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.
float-non-replaced-width-011 Ahem 'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
  • If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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-012 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 and such calculated width can be furthermore constrained, reduced by a max-width declaration.
inline-block-non-replaced-width-003 Ahem 'shrink-to-fit' width of inline-block non-replaced elements - max-width
  • If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an inline-block, non-replaced element in normal flow 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.
inline-block-non-replaced-width-004 Ahem 'shrink-to-fit' width of inline-block non-replaced elements - max-width
  • If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow 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 an inline-block, non-replaced element in normal flow 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.
max-width-001 Max-width using pixels with a minimum minus one value, -1px
  • The 'max-width' property sets a minimum minus one length value in pixels.
max-width-002 Max-width using pixels with a minimum value, 0px
  • The 'max-width' property sets a minimum length value in pixels.
max-width-003 Max-width using pixels with a minimum plus one value, 1px
  • The 'max-width' property sets a minimum plus one length value in pixels.
max-width-004 Max-width using pixels with a negative zero value, -0px
  • The 'max-width' property sets a negative zero length value in pixels.
max-width-005 Max-width using pixels with a positive zero value, +0px
  • The 'max-width' property sets a positive zero length value in pixels.
max-width-006 Max-width using pixels with a nominal value, 96px
  • The 'max-width' property sets a nominal length value in pixels.
max-width-007 Max-width using pixels with a positive nominal value, +96px
  • The 'max-width' property sets a positive nominal length value in pixels.
max-width-012 Max-width using points with a minimum minus one value, -1pt
  • The 'max-width' property sets a minimum minus one length value in points.
max-width-013 Max-width using points with a minimum value, 0pt
  • The 'max-width' property sets a minimum length value in points.
max-width-014 Max-width using points with a minimum plus one value, 1pt
  • The 'max-width' property sets a minimum plus one length value in points.
max-width-015 Max-width using points with a negative zero value, -0pt
  • The 'max-width' property sets a negative zero length value in points.
max-width-016 Max-width using points with a positive zero value, +0pt
  • The 'max-width' property sets a positive zero length value in points.
max-width-017 Max-width using points with a nominal value, 72pt
  • The 'max-width' property sets a nominal length value in points.
max-width-018 Max-width using points with a positive nominal value, +72pt
  • The 'max-width' property sets a positive nominal length value in points.
max-width-023 Max-width using picas with a minimum minus one value, -1pc
  • The 'max-width' property sets a minimum minus one length value in picas.
max-width-024 Max-width using picas with a minimum value, 0pc
  • The 'max-width' property sets a minimum length value in picas.
max-width-025 Max-width using picas with a minimum plus one value, 1pc
  • The 'max-width' property sets a minimum plus one length value in picas.
max-width-026 Max-width using picas with a negative zero value, -0pc
  • The 'max-width' property sets a negative zero length value in picas.
max-width-027 Max-width using picas with a positive zero value, +0pc
  • The 'max-width' property sets a positive zero length value in picas.
max-width-028 Max-width using picas with a nominal value, 6pc
  • The 'max-width' property sets a nominal length value in picas.
max-width-029 Max-width using picas with a positive nominal value, +6pc
  • The 'max-width' property sets a positive nominal length value in picas.
max-width-034 Max-width using centimeters with a minimum minus one value, -1cm
  • The 'max-width' property sets a minimum minus one length value in centimeters.
max-width-035 Max-width using centimeters with a minimum value, 0cm
  • The 'max-width' property sets a minimum length value in centimeters.
max-width-036 Max-width using centimeters with a minimum plus one value, 1cm
  • The 'max-width' property sets a minimum plus one length value in centimeters.
max-width-037 Max-width using centimeters with a negative zero value, -0cm
  • The 'max-width' property sets a negative zero length value in centimeters.
max-width-038 Max-width using centimeters with a positive zero value, +0cm
  • The 'max-width' property sets a positive zero length value in centimeters.
max-width-039 Max-width using centimeters with a nominal value, 2.54cm
  • The 'max-width' property sets a nominal length value in centimeters.
max-width-040 Max-width using centimeters with a positive nominal value, +2.54cm
  • The 'max-width' property sets a positive nominal length value in centimeters.
max-width-045 Max-width using millimeters with a minimum minus one value, -1mm
  • The 'max-width' property sets a minimum minus one length value in millimeters.
max-width-046 Max-width using millimeters with a minimum value, 0mm
  • The 'max-width' property sets a minimum length value in millimeters.
max-width-047 Max-width using millimeters with a minimum plus one value, 1mm
  • The 'max-width' property sets a minimum plus one length value in millimeters.
max-width-048 Max-width using millimeters with a negative zero value, -0mm
  • The 'max-width' property sets a negative zero length value in millimeters.
max-width-049 Max-width using millimeters with a positive zero value, +0mm
  • The 'max-width' property sets a positive zero length value in millimeters.
max-width-050 Max-width using millimeters with a nominal value, 25.4mm
  • The 'max-width' property sets a nominal length value in millimeters.
max-width-051 Max-width using millimeters with a positive nominal value, +25.4mm
  • The 'max-width' property sets a positive nominal length value in millimeters.
max-width-056 Max-width using inches with a minimum minus one value, -1in
  • The 'max-width' property sets a minimum minus one length value in inches.
max-width-057 Max-width using inches with a minimum value, 0in
  • The 'max-width' property sets a minimum length value in inches.
max-width-058 Max-width using inches with a minimum plus one value, 1in
  • The 'max-width' property sets a minimum plus one length value in inches.
max-width-059 Max-width using inches with a negative zero value, -0in
  • The 'max-width' property sets a negative zero length value in inches.
max-width-060 Max-width using inches with a positive zero value, +0in
  • The 'max-width' property sets a positive zero length value in inches.
max-width-061 Max-width using inches with a nominal value, 3in
  • The 'max-width' property sets a nominal length value in inches.
max-width-062 Max-width using inches with a positive nominal value, +3in
  • The 'max-width' property sets a positive nominal length value in inches.
max-width-067 Ahem Max-width using 'em' units with a minimum minus one value, -1em
  • The 'max-width' property sets a minimum minus one length value in 'em' units.
max-width-068 Ahem Max-width using 'em' units with a minimum value, 0em
  • The 'max-width' property sets a minimum length value in 'em' units.
max-width-069 Ahem Max-width using 'em' units with a minimum plus one value, 1em
  • The 'max-width' property sets a minimum plus one length value in 'em' units.
max-width-070 Ahem Max-width using 'em' units with a negative zero value, -0em
  • The 'max-width' property sets a negative zero length value in 'em' units.
max-width-071 Ahem Max-width using 'em' units with a positive zero value, +0em
  • The 'max-width' property sets a positive zero length value in 'em' units.
max-width-072 Ahem Max-width using 'em' units with a nominal value, 6em
  • The 'max-width' property sets a nominal length value in 'em' units.
max-width-073 Ahem Max-width using 'em' units with a positive nominal value, +6em
  • The 'max-width' property sets a positive nominal length value in 'em' units.
max-width-078 Ahem Max-width using 'ex' units with a minimum minus one value, -1ex
  • The 'max-width' property sets a minimum minus one length value in 'ex' units.
max-width-079 Ahem Max-width using 'ex' units with a minimum value, 0ex
  • The 'max-width' property sets a minimum length value in 'ex' units.
max-width-080 Ahem Max-width using 'ex' units with a minimum plus one value, 1ex
  • The 'max-width' property sets a minimum plus one length value in 'ex' units.
max-width-081 Ahem Max-width using 'ex' units with a negative zero value, -0ex
  • The 'max-width' property sets a negative zero length value in 'ex' units.
max-width-082 Ahem Max-width using 'ex' units with a positive zero value, +0ex
  • The 'max-width' property sets a positive zero length value in 'ex' units.
max-width-083 Ahem Max-width using 'ex' units with a nominal value, 6ex
  • The 'max-width' property sets a nominal length value in 'ex' units.
max-width-084 Ahem Max-width using 'ex' units with a positive nominal value, +6ex
  • The 'max-width' property sets a positive nominal length value in 'ex' units.
max-width-089 Max-width using percentages with a minimum minus one value, -1%
  • The 'max-width' property sets a minimum minus one length value in percentages.
max-width-090 Max-width using percentages with a minimum value, 0%
  • The 'max-width' property sets a minimum length value in percentages.
max-width-091 Max-width using percentages with a minimum plus one value, 1%
  • The 'max-width' property sets a minimum plus one length value in percentages.
max-width-092 Max-width using percentages with a negative zero value, -0%
  • The 'max-width' property sets a negative zero length value in percentages.
max-width-093 Max-width using percentages with a positive zero value, +0%
  • The 'max-width' property sets a positive zero length value in percentages.
max-width-094 Max-width using percentages with a nominal value, 100%
  • The 'max-width' property sets a nominal length value in percentages.
max-width-095 Max-width using percentages with a positive nominal value, +100%
  • The 'max-width' property sets a positive nominal length value in percentages.
max-width-100 Max-width with a negative zero value and no units, -0
  • The 'max-width' property sets a negative zero length value with no units.
max-width-101 Max-width with a zero value and no units, 0
  • The 'max-width' property sets a zero length value with no units.
max-width-102 Max-width with a positive zero value and no units, +0
  • The 'max-width' property sets a positive zero length value with no units.
max-width-103 Max-width set to a value of 'none'
  • The 'max-width' property applies a value of 'none'.
max-width-104 Max-width set to 'inherit'
  • The 'max-width' property set to 'inherit' properly inherits the max-width value of the parent.
max-width-105 Ahem max-width - height and overflow
  • 'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width.
max-width-106 Ahem max-width - float and overflow
  • 'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width. A floated box should not become wider than its declared max-width.
max-width-107 Ahem max-width - height and overflow
  • 'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width.
max-width-108 Ahem max-width - float and overflow
  • 'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width.
max-width-109 Bitmaps Max-width - replaced elements
  • For UAs who choose to scale replaced elements, the height of that element (based on it's intrinsic ratio) should be re-calculated based on it's constraining 'max-width' value
max-width-applies-to-001 Max-width applied to elements with 'display' set to 'table-row-group'
  • The 'max-width' property does not apply to elements with 'display' set to 'table-row-group'.
max-width-applies-to-002 Max-width applied to elements with 'display' set to 'table-header-group'
  • The 'max-width' property does not apply to elements with 'display' set to 'table-header-group'.
max-width-applies-to-003 Max-width applied to elements with 'display' set to 'table-footer-group'
  • The 'max-width' property does not apply to elements with 'display' set to 'table-footer-group'.
max-width-applies-to-004 Max-width applied to elements with 'display' set to 'table-row'
  • The 'max-width' property does not apply to elements with 'display' set to 'table-row'.
max-width-applies-to-005 Max-width applied to elements with 'display' set to 'table-column-group'
  • The 'max-width' property applies to elements with 'display' set to 'table-column-group'.
max-width-applies-to-006 Max-width applied to elements with 'display' set to 'table-column'
  • The 'max-width' property applies to elements with 'display' set to 'table-column'.
max-width-applies-to-007 Max-width applied to elements with 'display' set to 'table-cell'
  • The 'max-width' property applies to elements with 'display' set to 'table-cell'.
max-width-applies-to-008 Max-width applied to elements with 'display' set to 'inline'
  • The 'max-width' property does not apply to elements with 'display' set to 'inline'.
max-width-applies-to-009 Max-width applied to elements with 'display' set to 'block'
  • The 'max-width' property applies to elements with 'display' set to 'block'.
max-width-applies-to-010 Max-width applied to elements with 'display' set to 'list-item'
  • The 'max-width' property applies to elements with 'display' set to 'list-item'.
max-width-applies-to-012 Max-width applied to elements with 'display' set to 'inline-block'
  • The 'max-width' property applies to elements with 'display' set to 'inline-block'.
max-width-applies-to-013 Max-width applied to elements with 'display' set to 'table'
  • The 'max-width' property applies to elements with 'display' set to 'table'.
max-width-applies-to-014 Max-width applied to elements with 'display' set to 'inline-table'
  • The 'max-width' property applies to elements with 'display' set to 'inline-table'.
max-width-applies-to-015 Max-width applied to elements with 'display' set to 'table-caption'
  • The 'max-width' property applies to elements with 'display' set to 'table-caption'.
max-width-applies-to-016 Max-Width applied to none
  • Max-Width can be applied to none elements.
max-width-percentage-001 Using percentages with 'max-width' relative to the containing block
  • The percentage is calculated in relation to the containing block.
max-width-percentage-002 Percentage based value for 'max-width' contained by box with a negative 'width'
  • If the containing block's width is negative, the used value is zero.
max-width-percentage-003 Max-width in constrained situation
  • If the containing block's width depends on this element's width, then the resulting layout is undefined.
min-width-001 Min-width using pixels with a minimum minus one value, -1px
  • The 'min-width' property sets a minimum minus one length value in pixels.
min-width-002 Min-width using pixels with a minimum value, 0px
  • The 'min-width' property sets a minimum length value in pixels.
min-width-003 Min-width using pixels with a minimum plus one value, 1px
  • The 'min-width' property sets a minimum plus one length value in pixels.
min-width-004 Min-width using pixels with a negative zero value, -0px
  • The 'min-width' property sets a negative zero length value in pixels.
min-width-005 Min-width using pixels with a positive zero value, +0px
  • The 'min-width' property sets a positive zero length value in pixels.
min-width-006 Min-width using pixels with a nominal value, 96px
  • The 'min-width' property sets a nominal length value in pixels.
min-width-007 Min-width using pixels with a positive nominal value, +96px
  • The 'min-width' property sets a positive nominal length value in pixels.
min-width-012 Min-width using points with a minimum minus one value, -1pt
  • The 'min-width' property sets a minimum minus one length value in points.
min-width-013 Min-width using points with a minimum value, 0pt
  • The 'min-width' property sets a minimum length value in points.
min-width-014 Min-width using points with a minimum plus one value, 1pt
  • The 'min-width' property sets a minimum plus one length value in points.
min-width-015 Min-width using points with a negative zero value, -0pt
  • The 'min-width' property sets a negative zero length value in points.
min-width-016 Min-width using points with a positive zero value, +0pt
  • The 'min-width' property sets a positive zero length value in points.
min-width-017 Min-width using points with a nominal value, 72pt
  • The 'min-width' property sets a nominal length value in points.
min-width-018 Min-width using points with a positive nominal value, +72pt
  • The 'min-width' property sets a positive nominal length value in points.
min-width-023 Min-width using picas with a minimum minus one value, -1pc
  • The 'min-width' property sets a minimum minus one length value in picas.
min-width-024 Min-width using picas with a minimum value, 0pc
  • The 'min-width' property sets a minimum length value in picas.
min-width-025 Min-width using picas with a minimum plus one value, 1pc
  • The 'min-width' property sets a minimum plus one length value in picas.
min-width-026 Min-width using picas with a negative zero value, -0pc
  • The 'min-width' property sets a negative zero length value in picas.
min-width-027 Min-width using picas with a positive zero value, +0pc
  • The 'min-width' property sets a positive zero length value in picas.
min-width-028 Min-width using picas with a nominal value, 6pc
  • The 'min-width' property sets a nominal length value in picas.
min-width-029 Min-width using picas with a positive nominal value, +6pc
  • The 'min-width' property sets a positive nominal length value in picas.
min-width-034 Min-width using centimeters with a minimum minus one value, -1cm
  • The 'min-width' property sets a minimum minus one length value in centimeters.
min-width-035 Min-width using centimeters with a minimum value, 0cm
  • The 'min-width' property sets a minimum length value in centimeters.
min-width-036 Min-width using centimeters with a minimum plus one value, 1cm
  • The 'min-width' property sets a minimum plus one length value in centimeters.
min-width-037 Min-width using centimeters with a negative zero value, -0cm
  • The 'min-width' property sets a negative zero length value in centimeters.
min-width-038 Min-width using centimeters with a positive zero value, +0cm
  • The 'min-width' property sets a positive zero length value in centimeters.
min-width-039 Min-width using centimeters with a nominal value, 2.54cm
  • The 'min-width' property sets a nominal length value in centimeters.
min-width-040 Min-width using centimeters with a positive nominal value, +2.54cm
  • The 'min-width' property sets a positive nominal length value in centimeters.
min-width-045 Min-width using millimeters with a minimum minus one value, -1mm
  • The 'min-width' property sets a minimum minus one length value in millimeters.
min-width-046 Min-width using millimeters with a minimum value, 0mm
  • The 'min-width' property sets a minimum length value in millimeters.
min-width-047 Min-width using millimeters with a minimum plus one value, 1mm
  • The 'min-width' property sets a minimum plus one length value in millimeters.
min-width-048 Min-width using millimeters with a negative zero value, -0mm
  • The 'min-width' property sets a negative zero length value in millimeters.
min-width-049 Min-width using millimeters with a positive zero value, +0mm
  • The 'min-width' property sets a positive zero length value in millimeters.
min-width-050 Min-width using millimeters with a nominal value, 25.4mm
  • The 'min-width' property sets a nominal length value in millimeters.
min-width-051 Min-width using millimeters with a positive nominal value, +25.4mm
  • The 'min-width' property sets a positive nominal length value in millimeters.
min-width-056 Min-width using inches with a minimum minus one value, -1in
  • The 'min-width' property sets a minimum minus one length value in inches.
min-width-057 Min-width using inches with a minimum value, 0in
  • The 'min-width' property sets a minimum length value in inches.
min-width-058 Min-width using inches with a minimum plus one value, 1in
  • The 'min-width' property sets a minimum plus one length value in inches.
min-width-059 Min-width using inches with a negative zero value, -0in
  • The 'min-width' property sets a negative zero length value in inches.
min-width-060 Min-width using inches with a positive zero value, +0in
  • The 'min-width' property sets a positive zero length value in inches.
min-width-061 Min-width using inches with a nominal value, 3in
  • The 'min-width' property sets a nominal length value in inches.
min-width-062 Min-width using inches with a positive nominal value, +3in
  • The 'min-width' property sets a positive nominal length value in inches.
min-width-067 Ahem Min-width using 'em' units with a minimum minus one value, -1em
  • The 'min-width' property sets a minimum minus one length value in 'em' units.
min-width-068 Ahem Min-width using 'em' units with a minimum value, 0em
  • The 'min-width' property sets a minimum length value in 'em' units.
min-width-069 Ahem Min-width using 'em' units with a minimum plus one value, 1em
  • The 'min-width' property sets a minimum plus one length value in 'em' units.
min-width-070 Ahem Min-width using 'em' units with a negative zero value, -0em
  • The 'min-width' property sets a negative zero length value in 'em' units.
min-width-071 Ahem Min-width using 'em' units with a positive zero value, +0em
  • The 'min-width' property sets a positive zero length value in 'em' units.
min-width-072 Ahem Min-width using 'em' units with a nominal value, 6em
  • The 'min-width' property sets a nominal length value in 'em' units.
min-width-073 Ahem Min-width using 'em' units with a positive nominal value, +6em
  • The 'min-width' property sets a positive nominal length value in 'em' units.
min-width-078 Ahem Min-width using 'ex' units with a minimum minus one value, -1ex
  • The 'min-width' property sets a minimum minus one length value in 'ex' units.
min-width-079 Ahem Min-width using 'ex' units with a minimum value, 0ex
  • The 'min-width' property sets a minimum length value in 'ex' units.
min-width-080 Ahem Min-width using 'ex' units with a minimum plus one value, 1ex
  • The 'min-width' property sets a minimum plus one length value in 'ex' units.
min-width-081 Ahem Min-width using 'ex' units with a negative zero value, -0ex
  • The 'min-width' property sets a negative zero length value in 'ex' units.
min-width-082 Ahem Min-width using 'ex' units with a positive zero value, +0ex
  • The 'min-width' property sets a positive zero length value in 'ex' units.
min-width-083 Ahem Min-width using 'ex' units with a nominal value, 6ex
  • The 'min-width' property sets a nominal length value in 'ex' units.
min-width-084 Ahem Min-width using 'ex' units with a positive nominal value, +6ex
  • The 'min-width' property sets a positive nominal length value in 'ex' units.
min-width-089 Min-width using percentages with a minimum minus one value, -1%
  • The 'min-width' property sets a minimum minus one length value in percentages.
min-width-090 Min-width using percentages with a minimum value, 0%
  • The 'min-width' property sets a minimum length value in percentages.
min-width-091 Min-width using percentages with a minimum plus one value, 1%
  • The 'min-width' property sets a minimum plus one length value in percentages.
min-width-092 Min-width using percentages with a negative zero value, -0%
  • The 'min-width' property sets a negative zero length value in percentages.
min-width-093 Min-width using percentages with a positive zero value, +0%
  • The 'min-width' property sets a positive zero length value in percentages.
min-width-094 Min-width using percentages with a nominal value, 100%
  • The 'min-width' property sets a nominal length value in percentages.
min-width-095 Min-width using percentages with a positive nominal value, +100%
  • The 'min-width' property sets a positive nominal length value in percentages.
min-width-100 Min-width with a negative zero value and no units, -0
  • The 'min-width' property sets a negative zero length value with no units.
min-width-101 Min-width with a zero value and no units, 0
  • The 'min-width' property sets a zero length value with no units.
min-width-102 Min-width with a positive zero value and no units, +0
  • The 'min-width' property sets a positive zero length value with no units.
min-width-103 Min-width set to inherit
  • The 'min-width' property properly inherits the min-width value of the parent.
min-width-applies-to-001 Min-width applied to elements with 'display' set to 'table-row-group'
  • The 'min-width' property does not apply to elements with 'display' set to 'table-row-group'.
min-width-applies-to-002 Min-width applied to elements with 'display' set to 'table-header-group'
  • The 'min-width' property does not apply to elements with 'display' set to 'table-header-group'.
min-width-applies-to-003 Min-width applied to elements with 'display' set to 'table-footer-group'
  • The 'min-width' property does not apply to elements with 'display' set to 'table-footer-group'.
min-width-applies-to-004 Min-width applied to elements with 'display' set to 'table-row'
  • The 'min-width' property does not apply to elements with 'display' set to 'table-row'.
min-width-applies-to-005 Min-width applied to elements with 'display' set to 'table-column-group'
  • The 'min-width' property applies to elements with 'display' set to 'table-column-group'.
min-width-applies-to-006 Min-width applied to elements with 'display' set to 'table-column'
  • The 'min-width' property applies to elements with 'display' set to 'table-column'.
min-width-applies-to-007 Min-width applied to elements with 'display' set to 'table-cell'
  • The 'min-width' property applies to elements with 'display' set to 'table-cell'.
min-width-applies-to-008 Min-width applied to elements with 'display' set to 'inline'
  • The 'min-width' property does not apply to elements with 'display' set to 'inline'.
min-width-applies-to-009 Min-width applied to elements with 'display' set to 'block'
  • The 'min-width' property applies to elements with 'display' set to 'block'.
min-width-applies-to-010 Min-width applied to elements with 'display' set to 'list-item'
  • The 'min-width' property applies to elements with 'display' set to 'list-item'.
min-width-applies-to-012 Min-width applied to elements with 'display' set to 'inline-block'
  • The 'min-width' property applies to elements with 'display' set to 'inline-block'.
min-width-applies-to-013 Min-width applied to elements with 'display' set to 'table'
  • The 'min-width' property applies to elements with 'display' set to 'table'.
min-width-applies-to-014 Min-width applied to elements with 'display' set to 'inline-table'
  • The 'min-width' property applies to elements with 'display' set to 'inline-table'.
min-width-applies-to-015 Min-width applied to elements with 'display' set to 'table-caption'
  • The 'min-width' property applies to elements with 'display' set to 'table-caption'.
min-width-applies-to-016 Min-Width applied to none
  • Min-Width can be applied to none elements.
min-width-percentage-001 Using percentages with 'min-width' relative to the containing block
  • The percentage is calculated in relation to the containing block.
min-width-percentage-002 Percentage based value for 'min-width' contained by box with a negative 'width'
  • If the containing block's width is negative, the used value is zero.
min-width-percentage-003 Using 'min-width' with 'width' dependent on the containing block
  • If the containing block's width depends on this element's width, then the resulting layout is undefined.
replaced-min-max-001 Bitmaps Min/Max Height and Width Constraints on Replaced Elements
+ 10.5 Content height: the 'height' property
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 Bitmaps height
c5524-height-001 Bitmaps height
c5524-height-002 Bitmaps 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 AhemInvalid 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 AhemInvalid 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 Optional 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 Optional 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 Optional 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 OptionalPaged 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.
+ 10.6 Calculating heights and margins
background-root-020 Background: Test Seventeen
  • Rules governing visual formating of block level non-replaced elements and calculations of height apply to the document root element just as to any other element. Document root element should not stretch vertically to fit the viewport; document root element should only be as tall as required to enclose its content.
root-box-001 Placing the root element
+ 10.6.1 Inline, non-replaced elements
c42-ibx-ht-000 Ahem Inline Elements
inline-non-replaced-height-002 Ahem Inline non-replaced elements and padding
  • The padding starts at the top and bottom of the content area not the 'line-height'.
inline-non-replaced-height-003 Ahem Inline non-replaced elements and border
  • The border starts at the top and bottom of the content area not the 'line-height'.
+ 10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements
block-replaced-height-001 Bitmaps Block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
  • A block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
block-replaced-height-002 Bitmaps Block replaced elements relying on intrinsic height dimensions
  • The 'height' is the intrinsic height when an block replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
block-replaced-height-003 Bitmaps Block replaced elements with intrinsic ratios and 'height' set to 'auto'
  • The 'height' is the used width divided by the ratio when an block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
block-replaced-height-004 Block replaced elements without intrinsic ratios and 'height' set to 'auto'
  • For block replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
block-replaced-height-005 Block replaced elements with percentage based intrinsic height
  • A block replaced elements with a percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
block-replaced-height-007 Block replaced elements with percentage based intrinsic height that cannot be resolved
  • A block replaced elements with a percentage height that cannot be resolved has no intrinsic height.
c43-rpl-bbx-000 Bitmaps Replaced Elements
c43-rpl-bbx-001 Bitmaps Replaced Elements
c43-rpl-bbx-002 AhemBitmaps Replaced Elements
c43-rpl-ibx-000 AhemBitmaps Replaced Elements
float-replaced-height-001 Bitmaps Floated replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
  • A floated replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
float-replaced-height-002 Bitmaps Floated replaced elements relying on intrinsic height dimensions
  • The 'height' is the intrinsic height when an floated replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
float-replaced-height-003 Bitmaps Floating replaced elements with intrinsic ratios and 'height' set to 'auto'
  • The 'height' is the used width divided by the ratio when an floated replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
float-replaced-height-004 Floated replaced elements without intrinsic ratios and 'height' set to 'auto'
  • For floated replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
float-replaced-height-005 Floated replaced elements with percentage based intrinsic height
  • A floated replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
float-replaced-height-007 Floated replaced elements with percentage based intrinsic height that cannot be resolved
  • A floated replaced elements with a percentage height that cannot be resolved has no intrinsic height.
inline-block-height-001 = Test for height:auto on inline-block
inline-block-height-002 = Test for height:<length> on inline-block
inline-block-replaced-height-001 Bitmaps Inline-block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
  • An inline-block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
inline-block-replaced-height-002 Bitmaps Inline-block replaced elements relying on intrinsic height dimensions
  • The 'height' is the intrinsic height when an inline-block replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
inline-block-replaced-height-003 Bitmaps Inline-block replaced elements with intrinsic ratios and 'height' set to 'auto'
  • The 'height' is the used width divided by the ratio when an inline-block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
inline-block-replaced-height-004 Inline-block replaced elements without intrinsic ratios and 'height' set to 'auto'
  • For inline-block replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
inline-block-replaced-height-005 Inline-block replaced elements with percentage based intrinsic height
  • An inline-block replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
inline-block-replaced-height-007 Inline-block replaced elements with percentage based intrinsic height that cannot be resolved
  • An inline-block replaced elements with a percentage height that cannot be resolved has no intrinsic height.
inline-replaced-height-001 Bitmaps Inline replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
  • An inline replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
inline-replaced-height-002 Bitmaps Inline replaced elements relying on intrinsic height dimensions
  • The 'height' is the intrinsic height when an inline replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
inline-replaced-height-003 Bitmaps Inline replaced elements with intrinsic ratios and 'height' set to 'auto'
  • The 'height' is the used width divided by the ratio when an inline replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
inline-replaced-height-004 Inline replaced elements without intrinsic ratios and 'height' set to 'auto'
  • For inline replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
inline-replaced-height-005 Inline replaced elements with percentage based intrinsic height
  • An inline replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
inline-replaced-height-007 Inline replaced elements with percentage based intrinsic height that cannot be resolved
  • An inline replaced elements with a percentage height that cannot be resolved has no intrinsic height.
replaced-intrinsic-004 SVG Auto Intrinsic Sizes: Intrinsic Height Only and Specified Width
  • A replaced element with an intrinsic height only and a specified width is drawn at the specified width and intrinsic height.
replaced-intrinsic-ratio-001 OptionalSVG Auto Width for Replaced Element with Intrinsic Ratio Only
+ 10.6.3 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'
block-non-replaced-height-001 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and margins top and bottom are 'auto'
  • The margin top and bottom used values are '0' for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and margin top and bottom both are 'auto'.
block-non-replaced-height-002 Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'
  • The margin top and bottom used values are '0' for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and margin top and bottom both are 'auto'.
block-non-replaced-height-003 Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and 'height' is 'auto'
  • The 'height' is the 'height' of the child block box when a block-level non-replaced element is in normal flow and 'overflow' computes to 'visible'.
block-non-replaced-height-004 Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and 'height' is 'auto'
  • The 'height' is the 'height' of the child block box when a block-level non-replaced element is in normal flow and 'overflow' does not compute to 'visible'.
block-non-replaced-height-005 Ahem Block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and 'height' is 'auto' adjust based on the line box height
  • The 'height' is the distance from the topmost to the bottommost line box when a block-level non-replaced element is in normal flow and 'overflow' computes to 'visible'.
block-non-replaced-height-006 Ahem Block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and 'height' is 'auto' adjust based on the line box height
  • The 'height' is the distance from the topmost to the bottommost line box when a block-level non-replaced element is in normal flow and 'overflow' does not compute to 'visible'.
block-non-replaced-height-007 Height determination for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and elements' margins collapse
  • The 'height' is the distance between the top border edge of the top most block-level child box that doesn't have margins collapsed through it, and the bottom border edge of the bottommost block-level child that doesn't have margins collapsed through it. When a block-level non-replaced element is in normal flow, 'overflow' computes to 'visible' and the 'height' is 'auto'.
block-non-replaced-height-008 Height determination for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and elements' margins collapse
  • The 'height' is the distance between the top border edge of the top most block-level child box that doesn't have margins collapsed, and the bottom border edge of the bottommost block-level child that doesn't have margins collapsed. When a block-level non-replaced element is in normal flow, 'overflow' does not compute to 'visible' but has been propagated to the viewport and the 'height' is 'auto'.
block-non-replaced-height-009 Height determination for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible' and elements' margins do not collapse
  • When a block-level non-replaced element is in normal flow, 'overflow' computes to 'visible', the 'height' is 'auto' and top and bottom margins do not collapse. The 'height' is the sized from the top of the topmost margin edge of the content to the bottom of the bottom most margin edge of the content.
block-non-replaced-height-010 Height determination for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible' and elements' margins do not collapse
  • When a block-level non-replaced element is in normal flow, 'overflow' does not compute to 'visible', the 'height' is 'auto' and top and bottom margins do not collapse. The 'height' is the sized from the top of the topmost margin edge of the content to the bottom of the bottom most margin edge of the content.
block-non-replaced-height-011 Floated children are ignored for 'height' on block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'
  • A floated child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.
block-non-replaced-height-012 Floated children are ignored for 'height' on block-level non-replaced elements in normal flow when 'overflow' does not computes to 'visible'
  • A floated child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.
block-non-replaced-height-013 An absolutely positioned child elements' 'height' is ignored for block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'
  • An absolutely positioned child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.
block-non-replaced-height-014 An absolutely positioned child elements' 'height' is ignored for block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'
  • An absolutely positioned child element is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.
block-non-replaced-height-015 A relative positioned child elements' offset is ignored for 'height' on a block-level non-replaced elements in normal flow when 'overflow' computes to 'visible'
  • A relative positioned child elements' offset is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.
block-non-replaced-height-016 A relative positioned child elements' offset is ignored for 'height' on a block-level non-replaced elements in normal flow when 'overflow' does not compute to 'visible'
  • A relative positioned child elements' offset is not considered when sizing the 'height' of a block-level non-replaced element is in normal flow.
c5525-fltblck-000 AhemBitmaps float
c5525-fltblck-001 float
margin-collapse-clear-012 Margin collapsing with clearance - margins of a 'collapsed through' box with clearance do not collapse with parent block's bottom margin
  • When an element has had clearance applied to it and its own margins collapse, these margins collapse with the adjoining margins of following siblings but the resulting margin does not collapse with the bottom margin of the parent block
margin-collapse-clear-013 Margin collapsing with clearance - margins of a 'collapsed through' box with clearance do not collapse with parent block's bottom margin
  • When an element has had clearance applied to it and its own margins collapse, these margins do not collapse with the bottom margin of the parent block
margin-collapse-clear-014 Margin collapsing with clearance - clearance may be negative
  • Clearance is created above the top margin of the element with clear set. Clearance can be negative. Clearance stops the collapsing of the element's margins with the preceding siblings' margins and with the parent block's bottom margin.
+ 10.6.4 Absolutely positioned, non-replaced elements
absolute-non-replaced-height-001 Absolutely positioned, non-replaced elements, static position of fixed element
  • The calculation of static position is based on initial containing block when there is a fixed positioned element.
absolute-non-replaced-height-002 Ahem Absolutely positioned, non-replaced elements, shrinks-to-fit height
  • The used value for absolutely positioned elements shrinks-to-fit height.
absolute-non-replaced-height-003 Absolutely positioned, non-replaced elements, vertical centering
  • An absolutely positioned non-replaced element's padding box (which is the area painted by background-color of the element) will be vertically centered within its containing block only if both 'margin-top' and 'margin-bottom' have equal values and if 'top' and 'bottom' have equal values. An absolutely positioned non-replaced element's margin box will be vertically centered within its containing block only if 'top' and 'bottom' have equal values.
absolute-non-replaced-height-004 Absolutely positioned, non-replaced elements, 'margin-top' set to 'auto'
  • When 'top', 'bottom', 'height' and 'margin-bottom' of an absolutely positioned, non-replaced element are all not 'auto' while its 'margin-top' is 'auto', then 'margin-top' becomes the remainder of the height of its containing block.
absolute-non-replaced-height-005 Absolutely positioned, non-replaced elements, 'margin-bottom' set to 'auto'
  • When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is not 'auto' and 'margin-bottom' is 'auto'. Then 'margin-bottom' becomes the remainder of the height of the containing box.
absolute-non-replaced-height-006 Absolutely positioned, non-replaced elements, over-constrained
  • The 'bottom' value is ignored and the equation solves for the bottom value, when the values for 'top', 'bottom', 'height', 'margin-top', 'margin-bottom' add up to more than the containing blocks height.
absolute-non-replaced-height-007 Ahem Absolutely positioned, non-replaced elements, shrink-to-fit solve for top
  • Verify that height is based on the overall height of the content, 'margin-top', 'auto' is set to '0' and solve for 'top', when 'top' and 'height' are both 'auto' and 'bottom' is not 'auto'.
absolute-non-replaced-height-008 Absolutely positioned, non-replaced elements, 'top' set to static position
  • When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'.
absolute-non-replaced-height-009 Ahem Absolutely positioned, non-replaced elements, height is shrink-to-fit
  • The 'height' is based on the content height, 'auto' values for 'margin-top' and 'margin-bottom' are set to '0' when 'height' and 'bottom' are 'auto' and 'top' is not 'auto'.
absolute-non-replaced-height-010 Absolutely positioned, non-replaced elements, 'margin-top' and 'margin-bottom' set to '0'
  • The 'auto' values for 'margin-top' and 'margin-bottom' are set to '0', when 'top' is 'auto' and 'height' and 'bottom' are not 'auto'.
absolute-non-replaced-height-011 Absolutely positioned, non-replaced elements, 'height' based on 'top' and 'bottom' positions
  • The 'auto' values on 'margin-top', 'margin-bottom' are set to '0' and the 'height' is the remaining space between the 'top' and 'bottom' positions, when 'height' is 'auto' and 'top' and 'bottom' are both not 'auto'.
absolute-non-replaced-height-012 Absolutely positioned, non-replaced elements, solve for 'bottom'
  • When 'margin-top' and 'margin-bottom' are set to '0' the 'bottom' value resolves to the remaining space within the containing block.
absolute-non-replaced-max-height-001 Max-height on absolutely positioned, non-replaced elements, static position of fixed element
  • The calculation of static position is based on initial containing block when there is a fixed positioned element.
absolute-non-replaced-max-height-002 Ahem Max-height on absolutely positioned, non-replaced elements
  • When 'top', 'height', and 'bottom' of an absolutely positioned element are 'auto', then set 'top' to the static position and make 'height' based on the content; such height may be constrained by a given 'max-height' value.
absolute-non-replaced-max-height-003 Max-height on absolutely positioned, non-replaced elements, vertical centering
  • An absolutely positioned non-replaced element's padding box (which is the area painted by background-color of the element) will be vertically centered within its containing block only if both 'margin-top' and 'margin-bottom' have equal values and if 'top' and 'bottom' have equal values. An absolutely positioned non-replaced element's margin box will be vertically centered within its containing block only if 'top' and 'bottom' have equal values.
absolute-non-replaced-max-height-004 Max-height on absolutely positioned, non-replaced elements, 'margin-top' set to 'auto'
  • When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is 'auto' and 'margin-bottom' is not 'auto'. Then 'margin-top' becomes the remainder of the height of the containing box.
absolute-non-replaced-max-height-005 Max-height on absolutely positioned, non-replaced elements, 'margin-bottom' set to 'auto'
  • When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is not 'auto' and 'margin-bottom' is 'auto'. Then 'margin-bottom' becomes the remainder of the height of the containing box.
absolute-non-replaced-max-height-006 Max-height on absolutely positioned, non-replaced elements, over-constrained
  • The 'bottom' value is ignored and the equation solves for the bottom value, when the values for 'top', 'bottom', 'height', 'margin-top', 'margin-bottom' add up to more than the containing blocks height.
absolute-non-replaced-max-height-007 Ahem Max-height on absolutely positioned, non-replaced elements, shrink-to-fit solve for top
  • The height is based on the overall height of the content, 'margin-top', 'auto' is set to '0' and solve for 'top', when 'top' and 'height' are both 'auto' and 'bottom' is not 'auto'.
absolute-non-replaced-max-height-008 Max-height on absolutely positioned, non-replaced elements, 'top' set to static position
  • When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'.
absolute-non-replaced-max-height-009 Ahem Max-height on absolutely positioned, non-replaced elements, height is shrink-to-fit
  • The 'height' is based on the content height, 'auto' values for 'margin-top' and 'margin-bottom' are set to '0' when 'height' and 'bottom' are 'auto' and 'top' is not 'auto'.
absolute-non-replaced-max-height-010 Max-height on absolutely positioned, non-replaced elements, 'margin-top' and 'margin-bottom' set to '0'
  • The 'auto' values for 'margin-top' and 'margin-bottom' are set to '0', when 'top', 'height' and 'bottom' are all not auto.
absolute-non-replaced-max-height-011 Max-height on absolutely positioned, non-replaced elements, 'height' based on 'top' and 'bottom' positions
  • The 'auto' values on 'margin-top', 'margin-bottom' are set to '0' and the 'height' is the remaining space between the 'top' and 'bottom' positions, when 'height' is 'auto' and 'top' and 'bottom' are both not 'auto'.
absolute-non-replaced-max-height-012 Max-height on absolutely positioned, non-replaced elements, solve for 'bottom'
  • When 'margin-top' and 'margin-bottom' are set to '0' the 'bottom' value resolves to the remaining space within the containing block.
+ 10.6.5 Absolutely positioned, replaced elements
absolute-replaced-height-001 Bitmaps Absolute replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
  • An absolutely positioned replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
absolute-replaced-height-002 Bitmaps Absolute replaced elements relying on intrinsic height dimensions
  • The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
absolute-replaced-height-003 Bitmaps Absolute replaced elements with intrinsic ratios and 'height' set to 'auto'
  • The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
absolute-replaced-height-004 Absolute replaced elements without intrinsic ratios and 'height' set to 'auto'
  • For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
absolute-replaced-height-005 Absolute replaced elements with percentage based intrinsic height
  • An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
absolute-replaced-height-007 Absolute replaced elements with percentage based intrinsic height that cannot be resolved
  • An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-008 Bitmaps Absolute replaced elements with 'margin-top', 'margin-bottom' and 'bottom' as 'auto'
  • An absolutely positioned replaced elements' used value of 'bottom', 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
absolute-replaced-height-009 Bitmaps Absolute replaced elements relying on intrinsic height dimensions and 'bottom' set to 'auto'
  • The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' and 'bottom' computed as 'auto'.
absolute-replaced-height-010 Bitmaps Absolute replaced elements with intrinsic ratios, 'height' and 'bottom' set to 'auto'
  • The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' and 'bottom' are set to 'auto' and 'width' is specified.
absolute-replaced-height-011 Absolute replaced elements without intrinsic ratios, 'height' and 'bottom' set to 'auto'
  • For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
absolute-replaced-height-012 Absolute replaced elements with percentage based intrinsic height and 'bottom' set to 'auto'
  • An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
absolute-replaced-height-014 Absolute replaced elements with percentage based intrinsic height that cannot be resolved and 'top' specified
  • An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-016 Bitmaps Absolute replaced elements relying on intrinsic height dimensions and 'top', 'bottom' are not 'auto'
  • The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' computed as 'auto' and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-017 Bitmaps Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'
  • The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-018 Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'
  • For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
absolute-replaced-height-019 Absolute replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom' are not 'auto'
  • An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
absolute-replaced-height-021 Absolute replaced elements with percentage based intrinsic height that cannot be resolved where 'top' and 'bottom' are not 'auto'
  • An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-022 Bitmaps Absolute replaced elements with 'margin-bottom' as 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
  • An absolutely positioned replaced element with only one value as 'auto' solves for that value (margin-bottom).
absolute-replaced-height-023 Bitmaps Absolute replaced elements relying on intrinsic height dimensions and 'top', 'bottom', 'margin-top' are not 'auto'
  • The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' computed as 'auto' and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-024 Bitmaps Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
  • The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-025 Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
  • For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
absolute-replaced-height-026 Absolute replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
  • An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
absolute-replaced-height-028 Absolute replaced elements with percentage based intrinsic height that cannot be resolved where 'top', 'bottom', 'margin-top' are not 'auto'
  • An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-029 Bitmaps Absolute replaced elements with over-constrained values
  • An absolutely positioned replaced element with over-constrained values solves for 'bottom'.
absolute-replaced-height-030 Bitmaps Absolute replaced elements relying on intrinsic height dimensions and over-constrained values
  • The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height with over-constrained values solves for 'bottom'.
absolute-replaced-height-031 Bitmaps Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and over-constrained values
  • The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', with over-constrained values solves for 'bottom'.
absolute-replaced-height-032 Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and over-constrained values
  • For an absolutely positioned replaced element the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width. And with over-constrained values element solves for 'bottom'.
absolute-replaced-height-033 Absolute replaced elements with percentage based intrinsic height set to 'auto' and over-constrained values
  • An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
absolute-replaced-height-035 Absolute replaced elements with percentage based intrinsic height that cannot be resolved and there are over-constrained values
  • An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.
+ 10.6.6 Complicated cases
c5525-fltcont-000 Bitmaps float
float-non-replaced-height-001 Floated non-replaced element with 'margin-top', margin-bottom' set to 'auto' and 'height' relying on the descendants
  • If 'height' is 'auto' on an floated non-replaced element then the 'height' depends on the descendants.
inline-block-non-replaced-height-001 Inline-block non-replaced element with 'margin-top', margin-bottom' set to 'auto' and 'height' relying on the descendants
  • If 'height' is 'auto' on an inline-block non-replaced element then the 'height' depends on the descendants.
inline-block-non-replaced-height-002 Inline-block non-replaced elements' margin box is used for the height of the line box
  • Inline-block non-replaced elements use the margin box for sizing the height of the line box.
+ 10.6.7 'Auto' heights for block formatting context roots
block-formatting-context-height-001 Block formatting context auto height with floats and bottom margins
  • The auto height of a block formatting context element is computed by accounting for bottom-margins of floated content which would otherwise be below the bottom edge of that element.
block-formatting-context-height-002 Block formatting context auto height with floated descendants of the normal flow and bottom margins
  • The auto height of a block formatting context element is computed by accounting for bottom-margins of floated content descendents in the normal flow which would otherwise be below the bottom edge of that element.
block-formatting-context-height-003 Block formatting context auto height with floated descendants outside the normal flow and bottom margins
  • The auto height of a block formatting context element does not account for bottom margins of floated content descendents of out of flow blocks.
+ 10.7 Minimum and maximum heights: 'min-height' and 'max-height'
max-height-001 Max-height using pixels with a minimum minus one value, -1px
  • The 'max-height' property sets a minimum minus one length value in pixels.
max-height-002 Max-height using pixels with a minimum value, 0px
  • The 'max-height' property sets a minimum length value in pixels.
max-height-003 Max-height using pixels with a minimum plus one value, 1px
  • The 'max-height' property sets a minimum plus one length value in pixels.
max-height-004 Max-height using pixels with a negative zero value, -0px
  • The 'max-height' property sets a negative zero length value in pixels.
max-height-005 Max-height using pixels with a positive zero value, +0px
  • The 'max-height' property sets a positive zero length value in pixels.
max-height-006 Max-height using pixels with a nominal value, 96px
  • The 'max-height' property sets a nominal length value in pixels.
max-height-007 Max-height using pixels with a positive nominal value, +96px
  • The 'max-height' property sets a positive nominal length value in pixels.
max-height-012 Max-height using points with a minimum minus one value, -1pt
  • The 'max-height' property sets a minimum minus one length value in points.
max-height-013 Max-height using points with a minimum value, 0pt
  • The 'max-height' property sets a minimum length value in points.
max-height-014 Max-height using points with a minimum plus one value, 1pt
  • The 'max-height' property sets a minimum plus one length value in points.
max-height-015 Max-height using points with a negative zero value, -0pt
  • The 'max-height' property sets a negative zero length value in points.
max-height-016 Max-height using points with a positive zero value, +0pt
  • The 'max-height' property sets a positive zero length value in points.
max-height-017 Max-height using points with a nominal value, 72pt
  • The 'max-height' property sets a nominal length value in points.
max-height-018 Max-height using points with a positive nominal value, +72pt
  • The 'max-height' property sets a positive nominal length value in points.
max-height-023 Max-height using picas with a minimum minus one value, -1pc
  • The 'max-height' property sets a minimum minus one length value in picas.
max-height-024 Max-height using picas with a minimum value, 0pc
  • The 'max-height' property sets a minimum length value in picas.
max-height-025 Max-height using picas with a minimum plus one value, 1pc
  • The 'max-height' property sets a minimum plus one length value in picas.
max-height-026 Max-height using picas with a negative zero value, -0pc
  • The 'max-height' property sets a negative zero length value in picas.
max-height-027 Max-height using picas with a positive zero value, +0pc
  • The 'max-height' property sets a positive zero length value in picas.
max-height-028 Max-height using picas with a nominal value, 6pc
  • The 'max-height' property sets a nominal length value in picas.
max-height-029 Max-height using picas with a positive nominal value, +6pc
  • The 'max-height' property sets a positive nominal length value in picas.
max-height-034 Max-height using centimeters with a minimum minus one value, -1cm
  • The 'max-height' property sets a minimum minus one length value in centimeters.
max-height-035 Max-height using centimeters with a minimum value, 0cm
  • The 'max-height' property sets a minimum length value in centimeters.
max-height-036 Max-height using centimeters with a minimum plus one value, 1cm
  • The 'max-height' property sets a minimum plus one length value in centimeters.
max-height-037 Max-height using centimeters with a negative zero value, -0cm
  • The 'max-height' property sets a negative zero length value in centimeters.
max-height-038 Max-height using centimeters with a positive zero value, +0cm
  • The 'max-height' property sets a positive zero length value in centimeters.
max-height-039 Max-height using centimeters with a nominal value, 2.54cm
  • The 'max-height' property sets a nominal length value in centimeters.
max-height-040 Max-height using centimeters with a positive nominal value, +2.54cm
  • The 'max-height' property sets a positive nominal length value in centimeters.
max-height-045 Max-height using millimeters with a minimum minus one value, -1mm
  • The 'max-height' property sets a minimum minus one length value in millimeters.
max-height-046 Max-height using millimeters with a minimum value, 0mm
  • The 'max-height' property sets a minimum length value in millimeters.
max-height-047 Max-height using millimeters with a minimum plus one value, 1mm
  • The 'max-height' property sets a minimum plus one length value in millimeters.
max-height-048 Max-height using millimeters with a negative zero value, -0mm
  • The 'max-height' property sets a negative zero length value in millimeters.
max-height-049 Max-height using millimeters with a positive zero value, +0mm
  • The 'max-height' property sets a positive zero length value in millimeters.
max-height-050 Max-height using millimeters with a nominal value, 25.4mm
  • The 'max-height' property sets a nominal length value in millimeters.
max-height-051 Max-height using millimeters with a positive nominal value, +25.4mm
  • The 'max-height' property sets a positive nominal length value in millimeters.
max-height-056 Max-height using inches with a minimum minus one value, -1in
  • The 'max-height' property sets a minimum minus one length value in inches.
max-height-057 Max-height using inches with a minimum value, 0in
  • The 'max-height' property sets a minimum length value in inches.
max-height-058 Max-height using inches with a minimum plus one value, 1in
  • The 'max-height' property sets a minimum plus one length value in inches.
max-height-059 Max-height using inches with a negative zero value, -0in
  • The 'max-height' property sets a negative zero length value in inches.
max-height-060 Max-height using inches with a positive zero value, +0in
  • The 'max-height' property sets a positive zero length value in inches.
max-height-061 Max-height using inches with a nominal value, 3in
  • The 'max-height' property sets a nominal length value in inches.
max-height-062 Max-height using inches with a positive nominal value, +3in
  • The 'max-height' property sets a positive nominal length value in inches.
max-height-067 Ahem Max-height using 'em' units with a minimum minus one value, -1em
  • The 'max-height' property sets a minimum minus one length value in 'em' units.
max-height-068 Ahem Max-height using 'em' units with a minimum value, 0em
  • The 'max-height' property sets a minimum length value in 'em' units.
max-height-069 Ahem Max-height using 'em' units with a minimum plus one value, 1em
  • The 'max-height' property sets a minimum plus one length value in 'em' units.
max-height-070 Ahem Max-height using 'em' units with a negative zero value, -0em
  • The 'max-height' property sets a negative zero length value in 'em' units.
max-height-071 Ahem Max-height using 'em' units with a positive zero value, +0em
  • The 'max-height' property sets a positive zero length value in 'em' units.
max-height-072 Ahem Max-height using 'em' units with a nominal value, 6em
  • The 'max-height' property sets a nominal length value in 'em' units.
max-height-073 Ahem Max-height using 'em' units with a positive nominal value, +6em
  • The 'max-height' property sets a positive nominal length value in 'em' units.
max-height-078 Ahem Max-height using 'ex' units with a minimum minus one value, -1ex
  • The 'max-height' property sets a minimum minus one length value in 'ex' units.
max-height-079 Ahem Max-height using 'ex' units with a minimum value, 0ex
  • The 'max-height' property sets a minimum length value in 'ex' units.
max-height-080 Ahem Max-height using 'ex' units with a minimum plus one value, 1ex
  • The 'max-height' property sets a minimum plus one length value in 'ex' units.
max-height-081 Ahem Max-height using 'ex' units with a negative zero value, -0ex
  • The 'max-height' property sets a negative zero length value in 'ex' units.
max-height-082 Ahem Max-height using 'ex' units with a positive zero value, +0ex
  • The 'max-height' property sets a positive zero length value in 'ex' units.
max-height-083 Ahem Max-height using 'ex' units with a nominal value, 6ex
  • The 'max-height' property sets a nominal length value in 'ex' units.
max-height-084 Ahem Max-height using 'ex' units with a positive nominal value, +6ex
  • The 'max-height' property sets a positive nominal length value in 'ex' units.
max-height-089 Max-height using percentages with a minimum minus one value, -1%
  • The 'max-height' property sets a minimum minus one length value in percentages.
max-height-090 Max-height using percentages with a minimum value, 0%
  • The 'max-height' property sets a minimum length value in percentages.
max-height-091 Max-height using percentages with a minimum plus one value, 1%
  • The 'max-height' property sets a minimum plus one length value in percentages.
max-height-092 Max-height using percentages with a negative zero value, -0%
  • The 'max-height' property sets a negative zero length value in percentages.
max-height-093 Max-height using percentages with a positive zero value, +0%
  • The 'max-height' property sets a positive zero length value in percentages.
max-height-094 Max-height using percentages with a nominal value, 100%
  • The 'max-height' property sets a nominal length value in percentages.
max-height-095 Max-height using percentages with a positive nominal value, +100%
  • The 'max-height' property sets a positive nominal length value in percentages.
max-height-100 Max-height with a negative zero value and no units, -0
  • The 'max-height' property sets a negative zero length value with no units.
max-height-101 Max-height with a zero value and no units, 0
  • The 'max-height' property sets a zero length value with no units.
max-height-102 Max-height with a positive zero value and no units, +0
  • The 'max-height' property sets a positive zero length value with no units.
max-height-103 Max-height set to a value of 'none'
  • The 'max-height' property applies a value of 'none'.
max-height-104 Max-height set to inherit
  • The 'max-height' property properly inherits the max-height value of the parent.
max-height-105 max-height - oveflow
  • The 'max-height' property can restrain the used value of height when the used value of height is greater than the declared max-height and not when it is less than the declared max-height and not when it does not exceed the declared max-height.
max-height-106 Ahem max-height - float and overflow
max-height-107 Ahem max-height - space for scrollbar
  • Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.
max-height-108 Ahem max-height - overflow
  • The max-height property can restrain the used value of height when the used value of height is greater than the declared max-height and not when it is less than the declared max-height and not when it does not exceed the declared max-height.
max-height-109 Ahem max-height - overflow
  • The 'max-height' property can restrain the used value of height when the used value of height is greater than the declared max-height.
max-height-110 Ahem max-height - space for scrollbar
  • Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.
max-height-111 Ahem max-height - float and overflow
  • The content of the #test-red-overlapped generates an active horizontal scrollbar. The height of such horizontal scrollbar adds itself to the content making it exceed the max-height constraint of 200px. Therefore, such vertical space taken by the horizontal scrollbar must be substracted from the height of the content. An active vertical scrollbar then must be generated to provide access to the equivalent of the height of the horizontal scrollbar.
max-height-applies-to-001 Optional Max-height applied to elements with 'display' set to 'table-row-group'
  • The 'max-height' property applies to elements with 'display' set to 'table-row-group'.
max-height-applies-to-002 Optional Max-height applied to elements with 'display' set to 'table-header-group'
  • The 'max-height' property applies to elements with 'display' set to 'table-header-group'.
max-height-applies-to-003 Optional Max-height applied to elements with 'display' set to 'table-footer-group'
  • The 'max-height' property applies to elements with 'display' set to 'table-footer-group'.
max-height-applies-to-004 Max-height applied to elements with 'display' set to 'table-row'
  • The 'max-height' property applies to elements with 'display' set to 'table-row'.
max-height-applies-to-005 Max-height applied to elements with 'display' set to 'table-column-group'
  • The 'max-height' property does not to elements with 'display' set to 'table-column-group'.
max-height-applies-to-006 Max-height applied to elements with 'display' set to 'table-column'
  • The 'max-height' property does not to elements with 'display' set to 'table-column'.
max-height-applies-to-007 Optional Max-height applied to elements with 'display' set to 'table-cell'
  • The 'max-height' property applies to elements with 'display' set to 'table-cell'.
max-height-applies-to-008 Max-height applied to elements with 'display' set to 'inline'
  • The 'max-height' property does not apply to elements with 'display' set to 'inline'.
max-height-applies-to-009 Max-height applied to elements with 'display' set to 'block'
  • The 'max-height' property applies to elements with 'display' set to 'block'.
max-height-applies-to-010 Max-height applied to elements with 'display' set to 'list-item'
  • The 'max-height' property applies to elements with 'display' set to 'list-item'.
max-height-applies-to-012 Max-height applied to elements with 'display' set to 'inline-block'
  • The 'max-height' property applies to elements with 'display' set to 'inline-block'.
max-height-applies-to-013 Max-height applied to elements with 'display' set to 'table'
  • The 'max-height' property applies to elements with 'display' set to 'table'.
max-height-applies-to-014 Max-height applied to elements with 'display' set to 'inline-table'
  • The 'max-height' property applies to elements with 'display' set to 'inline-table'.
max-height-applies-to-015 Max-height applied to elements with 'display' set to 'table-caption'
  • The 'max-height' property applies to elements with 'display' set to 'table-caption'.
max-height-applies-to-016 Max-Height applied to none
  • Max-Height can be applied to none elements.
max-height-percentage-001 Max-height percentage is based on containing block
  • A percentage for 'max-height' is calculated with respect to the 'height' of the generated boxes containing block.
max-height-percentage-002 Percentage 'max-height' with no 'height' on containing block
  • When the 'height' of the containing block is not specified and the element is not absolutely positioned the percentage is treated as '0' for 'min-height' and 'none' for 'max-height'.
min-height-001 Min-height using pixels with a minimum minus one value, -1px
  • The 'min-height' property sets a minimum minus one length value in pixels.
min-height-002 Min-height using pixels with a minimum value, 0px
  • The 'min-height' property sets a minimum length value in pixels.
min-height-003 Min-height using pixels with a minimum plus one value, 1px
  • The 'min-height' property sets a minimum plus one length value in pixels.
min-height-004 Min-height using pixels with a negative zero value, -0px
  • The 'min-height' property sets a negative zero length value in pixels.
min-height-005 Min-height using pixels with a positive zero value, +0px
  • The 'min-height' property sets a positive zero length value in pixels.
min-height-006 Min-height using pixels with a nominal value, 96px
  • The 'min-height' property sets a nominal length value in pixels.
min-height-007 Min-height using pixels with a positive nominal value, +96px
  • The 'min-height' property sets a positive nominal length value in pixels.
min-height-012 Min-height using points with a minimum minus one value, -1pt
  • The 'min-height' property sets a minimum minus one length value in points.
min-height-013 Min-height using points with a minimum value, 0pt
  • The 'min-height' property sets a minimum length value in points.
min-height-014 Min-height using points with a minimum plus one value, 1pt
  • The 'min-height' property sets a minimum plus one length value in points.
min-height-015 Min-height using points with a negative zero value, -0pt
  • The 'min-height' property sets a negative zero length value in points.
min-height-016 Min-height using points with a positive zero value, +0pt
  • The 'min-height' property sets a positive zero length value in points.
min-height-017 Min-height using points with a nominal value, 72pt
  • The 'min-height' property sets a nominal length value in points.
min-height-018 Min-height using points with a positive nominal value, +72pt
  • The 'min-height' property sets a positive nominal length value in points.
min-height-023 Min-height using picas with a minimum minus one value, -1pc
  • The 'min-height' property sets a minimum minus one length value in picas.
min-height-024 Min-height using picas with a minimum value, 0pc
  • The 'min-height' property sets a minimum length value in picas.
min-height-025 Min-height using picas with a minimum plus one value, 1pc
  • The 'min-height' property sets a minimum plus one length value in picas.
min-height-026 Min-height using picas with a negative zero value, -0pc
  • The 'min-height' property sets a negative zero length value in picas.
min-height-027 Min-height using picas with a positive zero value, +0pc
  • The 'min-height' property sets a positive zero length value in picas.
min-height-028 Min-height using picas with a nominal value, 6pc
  • The 'min-height' property sets a nominal length value in picas.
min-height-029 Min-height using picas with a positive nominal value, +6pc
  • The 'min-height' property sets a positive nominal length value in picas.
min-height-034 Min-height using centimeters with a minimum minus one value, -1cm
  • The 'min-height' property sets a minimum minus one length value in centimeters.
min-height-035 Min-height using centimeters with a minimum value, 0cm
  • The 'min-height' property sets a minimum length value in centimeters.
min-height-036 Min-height using centimeters with a minimum plus one value, 1cm
  • The 'min-height' property sets a minimum plus one length value in centimeters.
min-height-037 Min-height using centimeters with a negative zero value, -0cm
  • The 'min-height' property sets a negative zero length value in centimeters.
min-height-038 Min-height using centimeters with a positive zero value, +0cm
  • The 'min-height' property sets a positive zero length value in centimeters.
min-height-039 Min-height using centimeters with a nominal value, 2.54cm
  • The 'min-height' property sets a nominal length value in centimeters.
min-height-040 Min-height using centimeters with a positive nominal value, +2.54cm
  • The 'min-height' property sets a positive nominal length value in centimeters.
min-height-045 Min-height using millimeters with a minimum minus one value, -1mm
  • The 'min-height' property sets a minimum minus one length value in millimeters.
min-height-046 Min-height using millimeters with a minimum value, 0mm
  • The 'min-height' property sets a minimum length value in millimeters.
min-height-047 Min-height using millimeters with a minimum plus one value, 1mm
  • The 'min-height' property sets a minimum plus one length value in millimeters.
min-height-048 Min-height using millimeters with a negative zero value, -0mm
  • The 'min-height' property sets a negative zero length value in millimeters.
min-height-049 Min-height using millimeters with a positive zero value, +0mm
  • The 'min-height' property sets a positive zero length value in millimeters.
min-height-050 Min-height using millimeters with a nominal value, 25.4mm
  • The 'min-height' property sets a nominal length value in millimeters.
min-height-051 Min-height using millimeters with a positive nominal value, +25.4mm
  • The 'min-height' property sets a positive nominal length value in millimeters.
min-height-056 Min-height using inches with a minimum minus one value, -1in
  • The 'min-height' property sets a minimum minus one length value in inches.
min-height-057 Min-height using inches with a minimum value, 0in
  • The 'min-height' property sets a minimum length value in inches.
min-height-058 Min-height using inches with a minimum plus one value, 1in
  • The 'min-height' property sets a minimum plus one length value in inches.
min-height-059 Min-height using inches with a negative zero value, -0in
  • The 'min-height' property sets a negative zero length value in inches.
min-height-060 Min-height using inches with a positive zero value, +0in
  • The 'min-height' property sets a positive zero length value in inches.
min-height-061 Min-height using inches with a nominal value, 3in
  • The 'min-height' property sets a nominal length value in inches.
min-height-062 Min-height using inches with a positive nominal value, +3in
  • The 'min-height' property sets a positive nominal length value in inches.
min-height-067 Ahem Min-height using 'em' units with a minimum minus one value, -1em
  • The 'min-height' property sets a minimum minus one length value in 'em' units.
min-height-068 Ahem Min-height using 'em' units with a minimum value, 0em
  • The 'min-height' property sets a minimum length value in 'em' units.
min-height-069 Ahem Min-height using 'em' units with a minimum plus one value, 1em
  • The 'min-height' property sets a minimum plus one length value in 'em' units.
min-height-070 Ahem Min-height using 'em' units with a negative zero value, -0em
  • The 'min-height' property sets a negative zero length value in 'em' units.
min-height-071 Ahem Min-height using 'em' units with a positive zero value, +0em
  • The 'min-height' property sets a positive zero length value in 'em' units.
min-height-072 Ahem Min-height using 'em' units with a nominal value, 6em
  • The 'min-height' property sets a nominal length value in 'em' units.
min-height-073 Ahem Min-height using 'em' units with a positive nominal value, +6em
  • The 'min-height' property sets a positive nominal length value in 'em' units.
min-height-078 Ahem Min-height using 'ex' units with a minimum minus one value, -1ex
  • The 'min-height' property sets a minimum minus one length value in 'ex' units.
min-height-079 Ahem Min-height using 'ex' units with a minimum value, 0ex
  • The 'min-height' property sets a minimum length value in 'ex' units.
min-height-080 Ahem Min-height using 'ex' units with a minimum plus one value, 1ex
  • The 'min-height' property sets a minimum plus one length value in 'ex' units.
min-height-081 Ahem Min-height using 'ex' units with a negative zero value, -0ex
  • The 'min-height' property sets a negative zero length value in 'ex' units.
min-height-082 Ahem Min-height using 'ex' units with a positive zero value, +0ex
  • The 'min-height' property sets a positive zero length value in 'ex' units.
min-height-083 Ahem Min-height using 'ex' units with a nominal value, 6ex
  • The 'min-height' property sets a nominal length value in 'ex' units.
min-height-084 Ahem Min-height using 'ex' units with a positive nominal value, +6ex
  • The 'min-height' property sets a positive nominal length value in 'ex' units.
min-height-089 Min-height using percentages with a minimum minus one value, -1%
  • The 'min-height' property sets a minimum minus one length value in percentages.
min-height-090 Min-height using percentages with a minimum value, 0%
  • The 'min-height' property sets a minimum length value in percentages.
min-height-091 Min-height using percentages with a minimum plus one value, 1%
  • The 'min-height' property sets a minimum plus one length value in percentages.
min-height-092 Min-height using percentages with a negative zero value, -0%
  • The 'min-height' property sets a negative zero length value in percentages.
min-height-093 Min-height using percentages with a positive zero value, +0%
  • The 'min-height' property sets a positive zero length value in percentages.
min-height-094 Min-height using percentages with a nominal value, 100%
  • The 'min-height' property sets a nominal length value in percentages.
min-height-095 Min-height using percentages with a positive nominal value, +100%
  • The 'min-height' property sets a positive nominal length value in percentages.
min-height-100 Min-height with a negative zero value and no units, -0
  • The 'min-height' property sets a negative zero length value with no units.
min-height-101 Min-height with a zero value and no units, 0
  • The 'min-height' property sets a zero length value with no units.
min-height-102 Min-height with a positive zero value and no units, +0
  • The 'min-height' property sets a positive zero length value with no units.
min-height-103 Min-height set to 'inherit'
  • The 'min-height' property properly inherits the min-height value of the parent.
min-height-104 Ahem min-height - space for scrollbar
  • Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.
min-height-105 Ahem min-height - space for scrollbar
  • Any space taken up by the scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars.
min-height-106 Ahem min-height - float and overflow
  • 'min-height' specifies a fixed minimum used height. If the element requires an horizontal scrollbar, then the horizontal scrollbar height should be subtracted from the height of its containing block so that the resulting used height continues to honor the declared min-height.
min-height-111 Basic min-height test
min-height-112 Basic min-height test (with overflow:hidden)
min-height-113 Basic min-height test (with overflow:scroll)
min-height-applies-to-001 Optional Min-height applied to elements with 'display' set to 'table-row-group'
  • The 'min-height' property applies to elements with 'display' set to 'table-row-group'.
min-height-applies-to-002 Optional Min-height applied to elements with 'display' set to 'table-header-group'
  • The 'min-height' property applies to elements with 'display' set to 'table-header-group'.
min-height-applies-to-003 Optional Min-height applied to elements with 'display' set to 'table-footer-group'
  • The 'min-height' property applies to elements with 'display' set to 'table-footer-group'.
min-height-applies-to-004 Min-height applied to elements with 'display' set to 'table-row'
  • The 'min-height' property applies to elements with 'display' set to 'table-row'.
min-height-applies-to-005 Min-height applied to elements with 'display' set to 'table-column-group'
  • The 'min-height' property does not to elements with 'display' set to 'table-column-group'.
min-height-applies-to-006 Min-height applied to elements with 'display' set to 'table-column'
  • The 'min-height' property does not to elements with 'display' set to 'table-column'.
min-height-applies-to-007 Optional Min-height applied to elements with 'display' set to 'table-cell'
  • The 'min-height' property applies to elements with 'display' set to 'table-cell'.
min-height-applies-to-008 Min-height applied to elements with 'display' set to 'inline'
  • The 'min-height' property does not apply to elements with 'display' set to 'inline'.
min-height-applies-to-009 Min-height applied to elements with 'display' set to 'block'
  • The 'min-height' property applies to elements with 'display' set to 'block'.
min-height-applies-to-010 Min-height applied to elements with 'display' set to 'list-item'
  • The 'min-height' property applies to elements with 'display' set to 'list-item'.
min-height-applies-to-012 Min-height applied to elements with 'display' set to 'inline-block'
  • The 'min-height' property applies to elements with 'display' set to 'inline-block'.
min-height-applies-to-013 Min-height applied to elements with 'display' set to 'table'
  • The 'min-height' property applies to elements with 'display' set to 'table'.
min-height-applies-to-014 Min-height applied to elements with 'display' set to 'inline-table'
  • The 'min-height' property applies to elements with 'display' set to 'inline-table'.
min-height-applies-to-015 Min-height applied to elements with 'display' set to 'table-caption'
  • The 'min-height' property applies to elements with 'display' set to 'table-caption'.
min-height-percentage-001 Min-height percentage is based on containing block
  • A percentage for 'min-height' is calculated with respect to the 'height' of the generated boxes containing block.
min-height-percentage-002 Percentage 'min-height' with no 'height' on containing block
  • When the 'height' of the containing block is not specified and the element is not absolutely positioned the percentage is treated as '0' for 'min-height' and 'none' for 'max-height'.
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.
+ 10.8 Line height calculations: the 'line-height' and 'vertical-align' properties
c43-center-000 AhemBitmaps Replaced Elements
c44-ln-box-000 AhemBitmaps The Height of Lines
c44-ln-box-001 AhemBitmaps The Height of Lines
c44-ln-box-002 AhemBitmaps The Height of Lines
c44-ln-box-003 AhemBitmaps The Height of Lines
empty-inline-003 Line height calculations: the 'line-height' and 'vertical-align' properties - Empty inline elements influence
  • The line-height of an empty inline element influences the height of a line containing it with some other content
inlines-001 CSS Inline Box Model: Layering Model
inlines-009 AhemBitmaps CSS Inline Box Model: Behaviour near cells (specified line height)
inlines-010 AhemBitmaps CSS Inline Box Model: Behaviour near cells (normal line height)
inlines-011 Bitmaps CSS Inline Box Model: Baseline alignment of images
inlines-012 Bitmaps CSS Inline Box Model: Baseline alignment of images
vertical-align-121 vertical-align: top
vertical-align-boxes-001 AhemBitmaps Vertical Alignment boxes: replaced elements
  • Vertical alignment aligns the margin box of inline replaced elements.
+ 10.8.1 Leading and half-leading
c42-ibx-ht-000 Ahem Inline Elements
c527-font-001 font
c527-font-002 font
c527-font-003 font
c527-font-004 font
c527-font-005 font
c527-font-006 font
c527-font-007 font
c527-font-008 font
c527-font-009 font
c527-font-10 font
c544-valgn-000 AhemBitmaps vertical-align
c544-valgn-001 AhemBitmaps vertical-align
c544-valgn-002 AhemBitmapsInteract vertical-align
c544-valgn-003 AhemBitmapsInteract vertical-align
c544-valgn-004 AhemBitmapsInteract vertical-align
c548-leadin-000 Ahem line-height
c548-ln-ht-000 Ahem line-height
c548-ln-ht-001 AhemBitmaps line-height
c548-ln-ht-002 AhemBitmaps line-height
c548-ln-ht-003 AhemBitmaps line-height
c548-ln-ht-004 AhemBitmaps line-height
empty-inline-002 Ahem Empty line box influence
  • Empty inline elements still influence calculation just like elements with content.
inline-block-000 = Test for inline-block
  • This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element.
  • The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.
inline-block-valign-001 = Test for vertical alignment on inline-block
  • This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element.
  • The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.
inline-block-valign-002 = Test for vertical alignment on inline-block
  • This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element.
  • The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.
inline-table-002a = Test for inline-table
  • it is a rectangular block that participates in an inline formatting context).
  • The baseline of an 'inline-table' is the baseline of the first row of the table.
inline-table-002b = Test for inline-table
  • it is a rectangular block that participates in an inline formatting context).
  • The baseline of an 'inline-table' is the baseline of the first row of the table.
inline-table-003 = Test for inline-table
  • it is a rectangular block that participates in an inline formatting context).
  • The baseline of an 'inline-table' is the baseline of the first row of the table.
inline-table-valign-001 = Test for vertical alignment on inline-table
  • it is a rectangular block that participates in an inline formatting context).
  • The baseline of an 'inline-table' is the baseline of the first row of the table.
leading-001 Ahem Leading and half leading line heights
  • Line-height can be different from the content area so space is above and below.
line-box-height-001 Ahem Height for inline elements when 'line-height' is smaller than 'height'
  • The 'line-height' property sets the initial height but that height is increased if the content height is larger.
line-box-height-002 Bitmaps Height for inline replaced elements and 'line-height'
  • The 'line-height' property doe not set the height for inline replaced elements. The height of the replaced element sets the line-height'.
line-height-001 AhemInvalidRecommend Line-height using pixels with a minimum minus one value, -1px
  • The 'line-height' property sets a minimum minus one length value in pixels.
line-height-002 Ahem Line-height using pixels with a minimum value, 0px
  • The 'line-height' property sets a minimum length value in pixels.
line-height-003 Ahem Line-height using pixels with a minimum plus one value, 1px
  • The 'line-height' property sets a minimum plus one length value in pixels.
line-height-004 Ahem Line-height using pixels with a negative zero value, -0px
  • The 'line-height' property sets a negative zero length value in pixels.
line-height-005 Ahem Line-height using pixels with a positive zero value, +0px
  • The 'line-height' property sets a positive zero length value in pixels.
line-height-006 Ahem Line-height using pixels with a nominal value, 96px
  • The 'line-height' property sets a nominal length value in pixels.
line-height-007 Ahem Line-height using pixels with a positive nominal value, +96px
  • The 'line-height' property sets a positive nominal length value in pixels.
line-height-012 AhemInvalidRecommend Line-height using points with a minimum minus one value, -1pt
  • The 'line-height' property sets a minimum minus one length value in points.
line-height-013 Ahem Line-height using points with a minimum value, 0pt
  • The 'line-height' property sets a minimum length value in points.
line-height-014 96Ahem Line-height using points with a minimum plus one value, 1pt
  • The 'line-height' property sets a minimum plus one length value in points.
line-height-015 Ahem Line-height using points with a negative zero value, -0pt
  • The 'line-height' property sets a negative zero length value in points.
line-height-016 Ahem Line-height using points with a positive zero value, +0pt
  • The 'line-height' property sets a positive zero length value in points.
line-height-017 Ahem Line-height using points with a nominal value, 72pt
  • The 'line-height' property sets a nominal length value in points.
line-height-018 Ahem Line-height using points with a positive nominal value, +72pt
  • The 'line-height' property sets a positive nominal length value in points.
line-height-023 AhemInvalidRecommend Line-height using picas with a minimum minus one value, -1pc
  • The 'line-height' property sets a minimum minus one length value in picas.
line-height-024 Ahem Line-height using picas with a minimum value, 0pc
  • The 'line-height' property sets a minimum length value in picas.
line-height-025 Ahem Line-height using picas with a minimum plus one value, 1pc
  • The 'line-height' property sets a minimum plus one length value in picas.
line-height-026 Ahem Line-height using picas with a negative zero value, -0pc
  • The 'line-height' property sets a negative zero length value in picas.
line-height-027 Ahem Line-height using picas with a positive zero value, +0pc
  • The 'line-height' property sets a positive zero length value in picas.
line-height-028 Ahem Line-height using picas with a nominal value, 6pc
  • The 'line-height' property sets a nominal length value in picas.
line-height-029 Ahem Line-height using picas with a positive nominal value, +6pc
  • The 'line-height' property sets a positive nominal length value in picas.
line-height-034 AhemInvalidRecommend Line-height using centimeters with a minimum minus one value, -1cm
  • The 'line-height' property sets a minimum minus one length value in centimeters.
line-height-035 Ahem Line-height using centimeters with a minimum value, 0cm
  • The 'line-height' property sets a minimum length value in centimeters.
line-height-036 Ahem Line-height using centimeters with a minimum plus one value, 1cm
  • The 'line-height' property sets a minimum plus one length value in centimeters.
line-height-037 Ahem Line-height using centimeters with a negative zero value, -0cm
  • The 'line-height' property sets a negative zero length value in centimeters.
line-height-038 Ahem Line-height using centimeters with a positive zero value, +0cm
  • The 'line-height' property sets a positive zero length value in centimeters.
line-height-039 Ahem Line-height using centimeters with a nominal value, 2.54cm
  • The 'line-height' property sets a nominal length value in centimeters.
line-height-040 Ahem Line-height using centimeters with a positive nominal value, +2.54cm
  • The 'line-height' property sets a positive nominal length value in centimeters.
line-height-045 AhemInvalidRecommend Line-height using millimeters with a minimum minus one value, -1mm
  • The 'line-height' property sets a minimum minus one length value in millimeters.
line-height-046 Ahem Line-height using millimeters with a minimum value, 0mm
  • The 'line-height' property sets a minimum length value in millimeters.
line-height-047 Ahem Line-height using millimeters with a minimum plus one value, 1mm
  • The 'line-height' property sets a minimum plus one length value in millimeters.
line-height-048 Ahem Line-height using millimeters with a negative zero value, -0mm
  • The 'line-height' property sets a negative zero length value in millimeters.
line-height-049 Ahem Line-height using millimeters with a positive zero value, +0mm
  • The 'line-height' property sets a positive zero length value in millimeters.
line-height-050 Ahem Line-height using millimeters with a nominal value, 25.4mm
  • The 'line-height' property sets a nominal length value in millimeters.
line-height-051 Ahem Line-height using millimeters with a positive nominal value, +25.4mm
  • The 'line-height' property sets a positive nominal length value in millimeters.
line-height-056 AhemInvalidRecommend Line-height using inches with a minimum minus one value, -1in
  • The 'line-height' property sets a minimum minus one length value in inches.
line-height-057 Ahem Line-height using inches with a minimum value, 0in
  • The 'line-height' property sets a minimum length value in inches.
line-height-058 Ahem Line-height using inches with a minimum plus one value, 1in
  • The 'line-height' property sets a minimum plus one length value in inches.
line-height-059 Ahem Line-height using inches with a negative zero value, -0in
  • The 'line-height' property sets a negative zero length value in inches.
line-height-060 Ahem Line-height using inches with a positive zero value, +0in
  • The 'line-height' property sets a positive zero length value in inches.
line-height-061 Ahem Line-height using inches with a nominal value, 3in
  • The 'line-height' property sets a nominal length value in inches.
line-height-062 Ahem Line-height using inches with a positive nominal value, +3in
  • The 'line-height' property sets a positive nominal length value in inches.
line-height-067 AhemInvalidRecommend Line-height using 'em' units with a minimum minus one value, -1em
  • The 'line-height' property sets a minimum minus one length value in 'em' units.
line-height-068 Ahem Line-height using 'em' units with a minimum value, 0em
  • The 'line-height' property sets a minimum length value in 'em' units.
line-height-069 Ahem Line-height using 'em' units with a minimum plus one value, 1em
  • The 'line-height' property sets a minimum plus one length value in 'em' units.
line-height-070 Ahem Line-height using 'em' units with a negative zero value, -0em
  • The 'line-height' property sets a negative zero length value in 'em' units.
line-height-071 Ahem Line-height using 'em' units with a positive zero value, +0em
  • The 'line-height' property sets a positive zero length value in 'em' units.
line-height-072 Ahem Line-height using 'em' units with a nominal value, 6em
  • The 'line-height' property sets a nominal length value in 'em' units.
line-height-073 Ahem Line-height using 'em' units with a positive nominal value, +6em
  • The 'line-height' property sets a positive nominal length value in 'em' units.
line-height-078 AhemInvalidRecommend Line-height using 'ex' units with a minimum minus one value, -1ex
  • The 'line-height' property sets a minimum minus one length value in 'ex' units.
line-height-079 Ahem Line-height using 'ex' units with a minimum value, 0ex
  • The 'line-height' property sets a minimum length value in 'ex' units.
line-height-080 Ahem Line-height using 'ex' units with a minimum plus one value, 1ex
  • The 'line-height' property sets a minimum plus one length value in 'ex' units.
line-height-081 Ahem Line-height using 'ex' units with a negative zero value, -0ex
  • The 'line-height' property sets a negative zero length value in 'ex' units.
line-height-082 Ahem Line-height using 'ex' units with a positive zero value, +0ex
  • The 'line-height' property sets a positive zero length value in 'ex' units.
line-height-083 Ahem Line-height using 'ex' units with a nominal value, 6ex
  • The 'line-height' property sets a nominal length value in 'ex' units.
line-height-084 Ahem Line-height using 'ex' units with a positive nominal value, +6ex
  • The 'line-height' property sets a positive nominal length value in 'ex' units.
line-height-089 AhemInvalidRecommend Line-height using percentages with a minimum minus one value, -1%
  • The 'line-height' property sets a minimum minus one length value in percentages.
line-height-090 Ahem Line-height using percentages with a minimum value, 0%
  • The 'line-height' property sets a minimum length value in percentages.
line-height-091 96Ahem Line-height using percentages with a minimum plus one value, 1%
  • The 'line-height' property sets a minimum plus one length value in percentages.
line-height-092 Ahem Line-height using percentages with a negative zero value, -0%
  • The 'line-height' property sets a negative zero length value in percentages.
line-height-093 Ahem Line-height using percentages with a positive zero value, +0%
  • The 'line-height' property sets a positive zero length value in percentages.
line-height-094 Ahem Line-height using percentages with a nominal value, 100%
  • The 'line-height' property sets a nominal length value in percentages.
line-height-095 Ahem Line-height using percentages with a positive nominal value, +100%
  • The 'line-height' property sets a positive nominal length value in percentages.
line-height-100 AhemInvalidRecommend Line-height with a minimum minus one value, -1
  • The 'line-height' property sets a minimum minus one number value.
line-height-101 Ahem Line-height with a minimum value, 0
  • The 'line-height' property sets a minimum number value.
line-height-102 Ahem Line-height using pixels with a minimum plus one value, 1
  • The 'line-height' property sets a minimum plus one number value.
line-height-103 Ahem Line-height using pixels with a negative zero value, -0
  • The 'line-height' property sets a negative zero number value.
line-height-104 Ahem Line-height with a positive zero value, +0
  • The 'line-height' property sets a positive zero number value.
line-height-105 Ahem Line-height with a nominal value, 5
  • The 'line-height' property sets a nominal number value.
line-height-106 Ahem Line-height with a positive nominal value, +5
  • The 'line-height' property sets a positive nominal number value.
line-height-111 AhemRecommend Line-height with keyword value of 'normal'
  • The 'line-height' property set to 'normal' uses the default line-height.
line-height-112 Ahem Line-height with keyword value of 'inherit'
  • The 'line-height' property set to 'inherit' uses the default line-height.
line-height-applies-to-001 Line-height applied to elements with 'display' set to 'table-row-group'
  • The 'line-height' property applies to elements with 'display' set to 'table-row-group'.
line-height-applies-to-002 Line-height applied to elements with 'display' set to 'table-header-group'
  • The 'line-height' property applies to elements with 'display' set to 'table-header-group'.
line-height-applies-to-003 Line-height applied to elements with 'display' set to 'table-footer-group'
  • The 'line-height' property applies to elements with 'display' set to 'table-footer-group'.
line-height-applies-to-004 Line-height applied to elements with 'display' set to 'table-row'
  • The 'line-height' property applies to elements with 'display' set to 'table-row'.
line-height-applies-to-005 Line-height applied to elements with 'display' set to 'table-column-group'
  • The 'line-height' property applies to elements with 'display' set to 'table-column-group'.
line-height-applies-to-006 Line-height applied to elements with 'display' set to 'table-column'
  • The 'line-height' property applies to elements with 'display' set to 'table-column'.
line-height-applies-to-007 Line-height applied to elements with 'display' set to 'table-cell'
  • The 'line-height' property applies to elements with 'display' set to 'table-cell'.
line-height-applies-to-008 Line-height applied to elements with 'display' set to 'inline'
  • The 'line-height' property applies to elements with 'display' set to 'inline'.
line-height-applies-to-009 Line-height applied to elements with 'display' set to 'block'
  • The 'line-height' property applies to elements with 'display' set to 'block'.
line-height-applies-to-010 Line-height applied to elements with 'display' set to 'list-item'
  • The 'line-height' property applies to elements with 'display' set to 'list-item'.
line-height-applies-to-012 Line-height applied to elements with 'display' set to 'inline-block'
  • The 'line-height' property applies to elements with 'display' set to 'inline-block'.
line-height-applies-to-013 Line-height applied to elements with 'display' set to 'table'
  • The 'line-height' property applies to elements with 'display' set to 'table'.
line-height-applies-to-014 Line-height applied to elements with 'display' set to 'inline-table'
  • The 'line-height' property applies to elements with 'display' set to 'inline-table'.
line-height-applies-to-015 Line-height applied to elements with 'display' set to 'table-caption'
  • The 'line-height' property applies to elements with 'display' set to 'table-caption'.
line-height-applies-to-016 Line-height applied to elements with 'display' set to 'none'
  • The 'line-height' property applies to elements with 'display' set to 'none'.
line-height-bleed-001 Glyphs overflow line box
  • Glyphs bleed out of the box when 'line-height' is less than the content height and the height of the box is not increased.
line-height-bleed-002 Ahem Glyphs overflow when line height of container is less than content height
  • That glyphs bleed out of the box when 'line-height' can overlap adjoining line boxes.
line-height-bleed-003 Leading and half leading line heights leads to space above and below
  • Line-height can be different from the content area so there is space above and below.
line-height-largest-001 Optional Line-height with multiple font sizes
  • The 'line-height' value may use the largest font size when there is more than one font size.
line-height-normal-recommendation-001 AhemRecommend Line-height recommended 'normal' value
  • It is recommended that the 'normal' value for 'line-height' is set to 1.0 or 1.2 'em' units.
table-height-algorithm-031 Table baseline and caption
  • A table caption does not set the baseline for a table.
table-height-algorithm-032 Inline-table baseline and caption
  • A table caption does not set the baseline for an inline-table.
vertical-align-004 Ahem Vertical-align using pixels with a negative zero value, -0px
  • The 'vertical-align' property sets a negative zero length value in pixels.
vertical-align-005 Ahem Vertical-align using pixels with a zero value, 0px
  • The 'vertical-align' property sets a zero length value in pixels.
vertical-align-006 Ahem Vertical-align using pixels with a positive zero value, +0px
  • The 'vertical-align' property sets a positive zero length value in pixels.
vertical-align-007 Ahem Vertical-align using pixels with a nominal value, 96px
  • The 'vertical-align' property sets a nominal length value in pixels.
vertical-align-008 Ahem Vertical-align using pixels with a positive nominal value, +96px
  • The 'vertical-align' property sets a positive nominal length value in pixels.
vertical-align-016 Ahem Vertical-align using points with a negative zero value, -0pt
  • The 'vertical-align' property sets a negative zero length value in points.
vertical-align-017 Ahem Vertical-align using points with a zero value, 0pt
  • The 'vertical-align' property sets a zero length value in points.
vertical-align-018 Ahem Vertical-align using points with a positive zero value, +0pt
  • The 'vertical-align' property sets a negative zero length value in points.
vertical-align-019 Ahem Vertical-align using points with a nominal value, 72pt
  • The 'vertical-align' property sets a nominal length value in points.
vertical-align-020 Ahem Vertical-align using points with a positive nominal value, +72pt
  • The 'vertical-align' property sets a nominal length value in points.
vertical-align-028 Ahem Vertical-align using picas with a negative zero value, -0pc
  • The 'vertical-align' property sets a negative zero length value in picas.
vertical-align-029 Ahem Vertical-align using picas with a zero value, 0pc
  • The 'vertical-align' property sets a zero length value in picas.
vertical-align-030 Ahem Vertical-align using picas with a positive zero value, +0pc
  • The 'vertical-align' property sets a positive zero length value in picas.
vertical-align-031 Ahem Vertical-align using picas with a nominal value, 6pc
  • The 'vertical-align' property sets a nominal length value in picas.
vertical-align-032 Ahem Vertical-align using picas with a positive nominal value, +6pc
  • The 'vertical-align' property sets a positive nominal length value in picas.
vertical-align-040 Ahem Vertical-align using centimeters with a negative zero value, -0cm
  • The 'vertical-align' property sets a negative zero length value in centimeters.
vertical-align-041 Ahem Vertical-align using centimeters with a zero value, 0cm
  • The 'vertical-align' property sets a zero length value in centimeters.
vertical-align-042 Ahem Vertical-align using centimeters with a positive zero value, +0cm
  • The 'vertical-align' property sets a positive zero length value in centimeters.
vertical-align-043 Ahem Vertical-align using centimeters with a nominal value, 2.54cm
  • The 'vertical-align' property sets a nominal length value in centimeters.
vertical-align-044 Ahem Vertical-align using centimeters with a positive nominal value, +2.54cm
  • The 'vertical-align' property sets a positive nominal length value in centimeters.
vertical-align-052 Ahem Vertical-align using millimeters with a negative zero value, -0mm
  • The 'vertical-align' property sets a negative zero length value in millimeters.
vertical-align-053 Ahem Vertical-align using millimeters with a zero value, 0mm
  • The 'vertical-align' property sets a zero length value in millimeters.
vertical-align-054 Ahem Vertical-align using millimeters with a positive zero value, +0mm
  • The 'vertical-align' property sets a positive zero length value in millimeters.
vertical-align-055 Ahem Vertical-align using millimeters with a nominal value, 25.4mm
  • The 'vertical-align' property sets a nominal length value in millimeters.
vertical-align-056 Ahem Vertical-align using millimeters with a positive nominal value, +25.4mm
  • The 'vertical-align' property sets a positive nominal length value in millimeters.
vertical-align-064 Ahem Vertical-align using inches with a negative zero value, -0in
  • The 'vertical-align' property sets a negative zero length value in inches.
vertical-align-065 Ahem Vertical-align using inches with a zero value, 0in
  • The 'vertical-align' property sets a zero length value in inches.
vertical-align-066 Ahem Vertical-align using inches with a positive zero value, +0in
  • The 'vertical-align' property sets a positive zero length value in inches.
vertical-align-067 Ahem Vertical-align using inches with a nominal value, 1in
  • The 'vertical-align' property sets a nominal length value in inches.
vertical-align-068 Ahem Vertical-align using inches with a positive nominal value, +1in
  • The 'vertical-align' property sets a positive nominal length value in inches.
vertical-align-076 Ahem Vertical-align using 'em' units with a negative zero value, -0em
  • The 'vertical-align' property sets a negative zero length value in 'em' units.
vertical-align-077 Ahem Vertical-align using 'em' units with a zero value, 0em
  • The 'vertical-align' property sets a zero length value in 'em' units.
vertical-align-078 Ahem Vertical-align using 'em' units with a positive zero value, +0em
  • The 'vertical-align' property sets a positive zero length value in 'em' units.
vertical-align-079 Ahem Vertical-align using 'em' units with a nominal value, 6em
  • The 'vertical-align' property sets a nominal length value in 'em' units.
vertical-align-080 Ahem Vertical-align using 'em' units with a positive nominal value, +6em
  • The 'vertical-align' property sets a positive nominal length value in 'em' units.
vertical-align-088 Ahem Vertical-align using 'ex' units with a negative zero value, -0ex
  • The 'vertical-align' property sets a negative zero length value in 'ex' units.
vertical-align-089 Ahem Vertical-align using 'ex' units with a zero value, 0ex
  • The 'vertical-align' property sets a zero length value in 'ex' units.
vertical-align-090 Ahem Vertical-align using 'ex' units with a positive zero value, +0ex
  • The 'vertical-align' property sets a positive zero length value in 'ex' units.
vertical-align-091 Ahem Vertical-align using 'ex' units with a nominal value, 6ex
  • The 'vertical-align' property sets a nominal length value in 'ex' units.
vertical-align-092 Ahem Vertical-align using 'ex' units with a positive nominal value, +6ex
  • The 'vertical-align' property sets a positive nominal length value in 'ex' units.
vertical-align-100 Ahem Vertical-align using percentages with a negative zero value, -0%
  • The 'vertical-align' property sets a negative zero length value in percentages.
vertical-align-101 Ahem Vertical-align using percentages with a zero value, 0%
  • The 'vertical-align' property sets a zero length value in percentages.
vertical-align-102 Ahem Vertical-align using percentages with a positive zero value, +0%
  • The 'vertical-align' property sets a positive zero length value in percentages.
vertical-align-103 Ahem Vertical-align using percentages with a nominal value, 100%
  • The 'vertical-align' property sets a nominal length value in percentages.
vertical-align-104 Ahem Vertical-align using percentages with a positive nominal value, +100%
  • The 'vertical-align' property sets a positive nominal length value in percentages.
vertical-align-109 Ahem Vertical-align with a negative zero value and no units, -0
  • The 'vertical-align' property sets a negative zero length value with no units.
vertical-align-110 Ahem Vertical-align with a zero value and no units, 0
  • The 'vertical-align' property sets a zero length value with no units.
vertical-align-111 Ahem Vertical-align with a positive zero value and no units, +0
  • The 'vertical-align' property sets a positive zero length value with no units.
vertical-align-112 Ahem Vertical-align with a keyword, 'baseline'
  • The 'vertical-align' property sets the keyword 'baseline'.
vertical-align-113 Ahem Vertical-align with a keyword, 'bottom'
  • The 'vertical-align' property sets the keyword 'bottom'.
vertical-align-114 Ahem Vertical-align with a keyword, 'middle'
  • The 'vertical-align' property sets the keyword 'middle'.
vertical-align-115 Ahem Vertical-align with a keyword, 'sub'
  • The 'vertical-align' property sets the keyword 'sub'.
vertical-align-116 Ahem Vertical-align with a keyword, 'super'
  • The 'vertical-align' property sets the keyword 'super'.
vertical-align-117 Ahem Vertical-align with a keyword, 'text-bottom'
  • The 'vertical-align' property sets the keyword 'text-bottom'.
vertical-align-118 Ahem Vertical-align with a keyword, 'text-top'
  • The 'vertical-align' property sets the keyword 'text-top'.
vertical-align-119 Ahem Vertical-align with a keyword, 'top'
  • The 'vertical-align' property sets the keyword 'top'.
vertical-align-120 Ahem Vertical-align with a keyword, 'inherit'
  • The 'vertical-align' property sets the keyword 'inherit' and inherits the computed value from the parent element.
vertical-align-applies-to-001 Ahem Vertical-align applied to elements with 'display' set to 'table-row-group'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'table-row-group'.
vertical-align-applies-to-002 Ahem Vertical-align applied to elements with 'display' set to 'table-header-group'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'table-header-group'.
vertical-align-applies-to-003 Ahem Vertical-align applied to elements with 'display' set to 'table-footer-group'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'table-footer-group'.
vertical-align-applies-to-004 Ahem Vertical-align applied to elements with 'display' set to 'table-row'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'table-row'.
vertical-align-applies-to-005 Ahem Vertical-align applied to elements with 'display' set to 'table-column-group'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'table-column-group'.
vertical-align-applies-to-006 Ahem Vertical-align applied to elements with 'display' set to 'table-column'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'table-column'.
vertical-align-applies-to-007 Ahem Vertical-align applied to elements with 'display' set to 'table-cell'
  • The 'vertical-align' property applies to elements with 'display' set to 'table-cell'.
vertical-align-applies-to-008 Ahem Vertical-align applied to elements with 'display' set to 'inline'
  • The 'vertical-align' property applies to elements with 'display' set to 'inline'.
vertical-align-applies-to-009 Ahem Vertical-align applied to elements with 'display' set to 'block'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'block'.
vertical-align-applies-to-010 Ahem Vertical-align applied to elements with 'display' set to 'list-item'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'list-item'.
vertical-align-applies-to-012 Ahem Vertical-align applied to elements with 'display' set to 'inline-block'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'inline-block'.
vertical-align-applies-to-013 Ahem Vertical-align applied to elements with 'display' set to 'table'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'table'.
vertical-align-applies-to-014 Ahem Vertical-align applied to elements with 'display' set to 'inline-table'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'inline-table'.
vertical-align-applies-to-015 Ahem Vertical-align applied to elements with 'display' set to 'table-caption'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'table-caption'.
vertical-align-baseline-001 Ahem Vertical-align set to '0%' is equal to 'baseline'
  • The 'vertical-align' property set to '0%' means the same as the 'baseline'.
vertical-align-baseline-002 Ahem Vertical-align set to '0' is equal to 'baseline'
  • The 'vertical-align' property set to '0' means the same as the 'baseline'.
vertical-align-baseline-003 Vertical-align applied to 'inline-block' and baseline alignment
  • The 'vertical-align' property aligns the last line box of 'inline-block' elements with the baseline.
vertical-align-baseline-004 Ahem Vertical-align applied to empty 'inline-block' and baseline alignment
  • The 'vertical-align' property aligns an empty 'inline-block' elements' bottom margin edge with the baseline.
vertical-align-baseline-005 Ahem Vertical-align applied to an 'inline-block' with 'overflow' not set to 'visible' and baseline alignment
  • The 'vertical-align' property aligns an 'inline-block' elements' bottom margin edge with the baseline when 'overflow' is not set to 'visible'.
vertical-align-baseline-006 Baseline alignment with an inline element parent
  • The baseline of an inline element is aligned with the baseline of its child inline-block when 'vertical-align: baseline' is specified on the child.
vertical-align-baseline-007 Baseline alignment with a block element parent
  • The baseline of a block element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.
vertical-align-baseline-008 Baseline alignment with a table-cell element parent
  • The baseline of a table cell element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.
vertical-align-baseline-009 Baseline alignment with a table caption element parent
  • The baseline of a table caption element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.
vertical-align-baseline-010 Baseline alignment with an inline-block element parent
  • The baseline of an inline-block element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.
vertical-align-sub-001 Vertical-align set to 'sub' does not adjust font-size
  • The 'vertical-align' property value 'sub' has no effect on the font-size of an element's text.
vertical-align-super-001 Vertical-align set to 'super' does not adjust font-size
  • The 'vertical-align' property value 'super' has no effect on the font-size of an element's text.