CSS 2.1 Conformance Test Suite

Visual formatting model details (1464 tests)

Test Refs Flags Info
+ 10 Visual formatting model details
+ 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.
anonymous-boxes-001a = AhemBitmaps Percent height inside anonymous block
  • Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest non-anonymous ancestor box is used instead.
anonymous-boxes-001b = Ahem Percent height inside anonymous block
  • 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
  • When the nearest (closest within document containment hierarchy) positioned ancestor of an absolutely positioned element is a block-level element, then the containing block of such absolutely positioned element is formed by the padding edge of such nearest positioned ancestor.
containing-block-020 = Containing Blocks - Block-level elements position based on right-to-left direction and parent element is absolute
  • When the nearest (closest within document containment hierarchy) positioned ancestor of an absolutely positioned element is a block-level element, then the containing block of such absolutely positioned element is formed by the padding edge of such nearest (closest) positioned ancestor.
containing-block-021 = Containing Blocks - Block-level elements position based on left-to-right direction and parent element is fixed
  • When the nearest (closest within document containment hierarchy) positioned ancestor of an absolutely positioned element is a block-level element, then the containing block of such absolutely positioned element is formed by the padding edge of such nearest positioned ancestor.
containing-block-022 = Containing Blocks - Block-level elements position based on right-to-left direction and parent element is fixed
  • When the nearest (closest within document containment hierarchy) positioned ancestor of an absolutely positioned element is a block-level element, then the containing block of such absolutely positioned element is formed by the padding edge of such nearest positioned ancestor.
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.
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
abspos-zero-width-001 Bitmaps Absolute positioned elements still affect scrolling mechanism
  • Zero width absolute positioned elements still affects scrolling mechanism even though they are out of flow of the content.
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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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-011 = Width applied to elements with 'display' set to 'run-in'
  • The 'width' property applies to elements with 'display' set to 'run-in'.
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 declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion.
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.
width-001 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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-011 = Width applied to elements with 'display' set to 'run-in'
  • The 'width' property applies to elements with 'display' set to 'run-in'.
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 declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion.
+ 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
absolute-non-replaced-width-028 BitmapsScroll width - absolutely positioned non-replaced element with scrollbar and percentage height of inline replaced child
  • This test checks interaction of percentage height of an inline replaced element with its parent having scrollbars and with the parent's width determined by 'shrink-to-fit' width algorithm. In this test, the image height should be 100px minus scrollbar height since space taken up by generated scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. Then the width of parent should be (used image height == 100px minus scrollbar) * (intrinsic ratio == 5width:1height).
box-sizing-007 = SVG box-sizing:border-box and auto sizing of intrinsicly sized replaced elements.
  • Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height.
box-sizing-008 = SVG box-sizing:border-box and auto sizing of replaced elements with intrinisic width only.
  • Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height.
box-sizing-009 = SVG box-sizing:border-box and auto sizing of replaced elements with intrinisic height only.
  • Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic height and no intrinsic ratio, to check that they work correctly in terms of the content width height.
box-sizing-010 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-011 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-012 = SVG auto sizing rules with box-sizing:border-box, intrinsic width, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-013 = SVG auto sizing rules with box-sizing:border-box, intrinsic height, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-014 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-015 = SVG auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-016 = SVG auto sizing rules with box-sizing:border-box, intrinsic ratio, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-017 = SVG auto sizing rules with box-sizing:border-box, intrinsic ratio, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-018 = SVG auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-wdith and h > max-height and max-width/w ≤ max-height/h
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width and h > max-height constraint violation and max-width/w ≤ max-height/h are properly interpreted when box-sizing is border-box.
box-sizing-019 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w > max-wdith and h > max-height and max-width/w > max-height/h
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the w > max-width and h > max-height constraint violation and max-width/w > max-height/h are properly interpreted when box-sizing is border-box.
box-sizing-020 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, h < min-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-021 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, w < win-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-022 = SVG auto sizing rules with box-sizing:border-box, intrinsic width, w < min-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-023 = SVG auto sizing rules with box-sizing:border-box, intrinsic height, h < min-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-024 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h < mi:-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-025 = SVG auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w < min-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
float-non-replaced-width-013 BitmapsScroll width - non-replaced float with scrollbar and percentage height of inline replaced child
  • This test checks interaction of percentage height of an inline replaced element with its parent having scrollbars and with the parent's width determined by 'shrink-to-fit' width algorithm. In this test, the image height should be 100px minus scrollbar height since space taken up by generated scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. Then the width of parent should be (used image height == 100px minus scrollbar) * (intrinsic ratio == 5width:1height).
inline-block-non-replaced-width-005 BitmapsScroll width - non-replaced inline-block with scrollbar and percentage height of inline replaced child
  • This test checks interaction of percentage height of an inline replaced element with its parent having scrollbars and with the parent's width determined by 'shrink-to-fit' width algorithm. In this test, the image height should be 100px minus scrollbar height since space taken up by generated scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. Then the width of parent should be (used image height == 100px minus scrollbar) * (intrinsic ratio == 5width:1height).
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-002 = SVG Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
  • Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'.
inline-replaced-width-003 = SVG Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
  • Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'.
inline-replaced-width-004 SVG Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
  • Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
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-008 = SVG width of inline replaced element with no intrinsic height, no intrinsic width and no intrinsic ratio
  • If an inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px.
inline-replaced-width-009 = SVG CSS Test: width of inline replaced element with no intrinsic width and no intrinsic ratio
  • If an inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px.
inline-replaced-width-011 = Bitmaps Replaced inline elements with % widths
inline-replaced-width-012 = Bitmaps Replaced inline elements wrapping around floats (% widths)
inline-replaced-width-013 = Bitmaps Replaced inline elements wrapping around floats (pixel widths)
inline-replaced-width-014 = Bitmaps Replaced inline elements with % widths
inline-replaced-width-015 = Bitmaps Replaced inline elements wrapping around floats (% widths)
inline-replaced-width-016 = Bitmaps width - inline replaced element and max-height
  • The width of an inline replaced element should be re-calculated based on its constrained height (constrained by computed 'max-height' value) and based its intrinsic ratio when it has an intrinsic ratio.
inline-replaced-width-017 = Bitmaps width - inline replaced element and min-height
  • The width of an inline replaced element should be re-calculated based on its constrained height (constrained by computed 'min-height' value) and based its intrinsic ratio when it has an intrinsic ratio.
inline-svg-100-percent-in-body = BitmapsSVG SVG element with a view box with explicit 100% width and height should occupy the entire view port
  • When width and height of 100% are specified on an inline SVG element with a view box in the body element, the aspecto ratio should be preserved and should occupy the entire view port.
inline-svg-intrinsic-size-100-percent-1 = SVG Propagating width and height attributes of an inline SVG element
  • The width and the height of 100% on an inline SVG element should be propagated to the CSS properties, and the aspect ratio within the SVG is preserved when the view box is specified.
inline-svg-intrinsic-size-100-percent-2 = SVG Propagating width and height attributes of an inline SVG element
  • The width and the height of 100% on an inline SVG element should be propagated to the CSS properties, and the aspect ratio of SVG image should be ignored when the view box is not specified.
max-width-110 = Bitmaps max-width - float and inline replaced element
  • If 'height' and 'width' both have computed values of 'auto' and the element also has an intrinsic width, then such intrinsic width is the used value of 'width'. 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.
replaced-elements-all-auto = Recommend CSS 2.1 replaced element sizing
replaced-elements-height-20 = Recommend CSS 2.1 replaced element sizing
replaced-elements-max-height-20 = Recommend CSS 2.1 replaced element sizing
replaced-elements-max-width-40 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-height-20 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-height-40 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-width-40 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-width-80 = Recommend CSS 2.1 replaced element sizing
replaced-elements-width-40 = Recommend CSS 2.1 replaced element sizing
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, the specified value of 'margin-right' is ignored in an over-constrained situation and the 'margin-right' value is calculated so as to make the equality true.
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, the specified value of 'margin-left' is ignored in an over-constrained situation and the 'margin-left' value is calculated so as to make the equality true.
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' and no other 'auto' values are set, then the 'width' is 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 within the edges of its containing block.
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
blocks-027 CSS Block Box Model: overconstrained horizontal box model and minimum widths
blocks-028 CSS Block Box Model: overconstrained horizontal box model and minimum widths
box-sizing-001 = box-sizing:border-box and CSS2.1 10.3.3
  • When box-sizing is border-box, the content width, rather than the computed value of the width property, is considered when checking whether a block is larger than its containing block.
c412-blockw-000 = AhemBitmaps Horizontal Formatting
c43-rpl-bbx-002 = AhemBitmaps Replaced Elements
+ 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-002 = SVG Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
  • Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0' if 'width' is set to 'auto'. Then 'width' follows from the resulting equality.
block-replaced-width-003 SVG Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
  • Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
block-replaced-width-004 SVG Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
  • Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
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.
absolute-non-replaced-width-028 BitmapsScroll width - absolutely positioned non-replaced element with scrollbar and percentage height of inline replaced child
  • This test checks interaction of percentage height of an inline replaced element with its parent having scrollbars and with the parent's width determined by 'shrink-to-fit' width algorithm. In this test, the image height should be 100px minus scrollbar height since space taken up by generated scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. Then the width of parent should be (used image height == 100px minus scrollbar) * (intrinsic ratio == 5width:1height).
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.
float-non-replaced-width-013 BitmapsScroll width - non-replaced float with scrollbar and percentage height of inline replaced child
  • This test checks interaction of percentage height of an inline replaced element with its parent having scrollbars and with the parent's width determined by 'shrink-to-fit' width algorithm. In this test, the image height should be 100px minus scrollbar height since space taken up by generated scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. Then the width of parent should be (used image height == 100px minus scrollbar) * (intrinsic ratio == 5width:1height).
inline-block-non-replaced-width-005 BitmapsScroll width - non-replaced inline-block with scrollbar and percentage height of inline replaced child
  • This test checks interaction of percentage height of an inline replaced element with its parent having scrollbars and with the parent's width determined by 'shrink-to-fit' width algorithm. In this test, the image height should be 100px minus scrollbar height since space taken up by generated scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. Then the width of parent should be (used image height == 100px minus scrollbar) * (intrinsic ratio == 5width:1height).
+ 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-007 = SVG Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
  • Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
float-replaced-width-008 = SVG Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
  • Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
float-replaced-width-009 = SVG Floated replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
  • Computed value of 'auto' for 'margin-left' or margin-right' on floated replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
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
abs-pos-non-replaced-vlr-003 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then set 'top' to the static position, then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vlr-005 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto', then set 'left' to the static position, the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vlr-007 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then set 'top' to the static position, then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vlr-009 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then set 'bottom' to the static position, the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vlr-011 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto', then set 'right' to the static position, the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vlr-013 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then set 'bottom' to the static position, the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vlr-015 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' are 'auto' and bottom is not 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' are 'auto' and bottom is not 'auto', then the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vlr-017 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vlr-019 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vlr-021 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vlr-023 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vlr-025 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' are 'auto' and bottom is not 'auto', then the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vlr-029 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vlr-031 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vlr-033 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto and 'height' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vlr-035 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vlr-037 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vlr-039 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vlr-041 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vlr-043 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vlr-045 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vlr-047 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vlr-049 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vlr-051 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vlr-053 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.
abs-pos-non-replaced-vlr-055 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vlr-057 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vlr-059 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.
abs-pos-non-replaced-vlr-061 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vlr-063 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vlr-065 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto', 'left' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vlr-067 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vlr-069 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vlr-071 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vlr-073 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vlr-075 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-077 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'.
abs-pos-non-replaced-vlr-079 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-081 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-083 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto'
  • When 'direction' is 'rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'
abs-pos-non-replaced-vlr-085 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-087 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vlr-089 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained), then ignore 'right' and then solve for 'right'.
abs-pos-non-replaced-vlr-091 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vlr-093 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
abs-pos-non-replaced-vlr-095 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are not 'auto' and if the values are overconstrained, then ignore 'left' and then solve for 'left'.
abs-pos-non-replaced-vlr-097 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
abs-pos-non-replaced-vrl-002 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then set 'top' to the static position, the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vrl-004 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto', then set 'left' to the static position, the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vrl-006 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then set 'top' to the static position, the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vrl-008 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then set 'bottom' to the static position, the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vrl-010 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto', then set 'right' to the static position, the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vrl-012 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then set 'bottom' to the static position, the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vrl-014 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' are 'auto' and bottom is not 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vrl-016 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vrl-018 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vrl-020 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto and 'bottom' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vrl-022 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto', then the width becomes shrink-to-fit and then solve for 'left'.
abs-pos-non-replaced-vrl-024 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on the content and then solve for 'top'.
abs-pos-non-replaced-vrl-026 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vrl-028 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vrl-030 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vrl-032 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto and 'height' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vrl-034 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vrl-036 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to static position and then solve for 'bottom'.
abs-pos-non-replaced-vrl-038 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vrl-040 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vrl-042 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vrl-044 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vrl-046 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto', then the width becomes shrink-to-fit and then solve for 'right'.
abs-pos-non-replaced-vrl-048 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vrl-050 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vrl-052 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.
abs-pos-non-replaced-vrl-054 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vrl-056 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vrl-058 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'left' is 'auto', 'width' and 'right' are not 'auto', then solve for 'left'.
abs-pos-non-replaced-vrl-060 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top' is 'auto' and 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vrl-062 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vrl-064 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto', 'left' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vrl-066 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vrl-068 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vrl-070 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto', 'left' and 'right' are not 'auto', then solve for 'width'.
abs-pos-non-replaced-vrl-072 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vrl-074 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-076 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'.
abs-pos-non-replaced-vrl-078 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'ltr' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-080 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-082 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto'
  • When 'direction' is 'rtl' and 'right' is 'auto', 'left' and 'width' are not 'auto', then solve for 'right'
abs-pos-non-replaced-vrl-084 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto'
  • When 'direction' is 'rtl' and 'bottom' is 'auto' and 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-086 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vrl-088 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are not 'auto' (overconstrained), then ignore 'right' and then solve for 'right'.
abs-pos-non-replaced-vrl-090 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'bottom' and solve for 'bottom'.
abs-pos-non-replaced-vrl-092 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
abs-pos-non-replaced-vrl-094 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are not 'auto' and if the values are overconstrained, then ignore 'left' and then solve for 'left'.
abs-pos-non-replaced-vrl-096 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height' and 'bottom' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are not 'auto' and if the values are overconstrained, then ignore 'top' and solve for 'top'.
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', then set 'right' to the static position, then 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', then solve 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', then solve 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.
absolute-non-replaced-width-025 = CSS Test: absolutely positioned non-replaced element with 'left' and 'right' not set to 'auto' and 'width' set to 'auto' - max-width, horizontal margins
  • When 'width' is computed according to the equation and rules of section 10.3.7 and when such computed 'width' is greater than 'max-width', then the equation and rules of section 10.3.7 are applied again but this time assuming the computed 'max-width' value. Then all three properties ('width', 'left' and 'right') are not 'auto' and both 'margin-left' and 'margin-right' are 'auto': in which case, the horizontal margins get equal values of available, remaining horizontal space.
absolute-non-replaced-width-026 = absolutely positioned non-replaced element with 'left' and 'right' not set to 'auto' and 'width' set to 'auto' - max-width, horizontal margins
  • When 'width' is computed according to the equation and rules of section 10.3.7 and when such computed 'width' is greater than 'max-width', then the equation and rules of section 10.3.7 are applied again but this time assuming the computed 'max-width' value. Then all three properties ('width', 'left' and 'right') are not 'auto' and 'margin-left' is 'auto': in which case, the 'margin-left' get all of available, remaining horizontal space.
absolute-non-replaced-width-027 = absolutely positioned non-replaced element - 'auto' margins, max-width and max-height
  • If 'width' is auto and 'left' and 'right' are not 'auto', then set 'auto' values for 'margin-left' and 'margin-right' to 0 and then solve for 'width'; the tentative width may be later constrained by max-width in which case, the algorithm must be re-entered. If 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then 'auto' values for 'margin-top' and 'margin-bottom' are set to 0 and solve for 'height'; the tentative height may be later constrained by max-height in which case, the algorithm must be re-entered.
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: 2em 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
box-sizing-003 = box-sizing:border-box and CSS2.1 10.3.7
  • When box-sizing is border-box, the content width, rather than the computed value of the width property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.
left-offset-position-fixed-001 = left:auto offset of position:fixed box in a position:relative containing block
  • The 'left' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.
right-offset-position-fixed-001 = right:auto offset of position:fixed box in an RTL position:relative containing block
  • The 'right' box offset property, for fixed positioning, when set to 'auto' specifies the offset of the box from its 'static-position containing block'. Here, in this test, the 'static-position containing block' is #shifted-column and the containing block for #red is established by the viewport.
+ 10.3.8 Absolutely positioned, replaced elements
absolute-replaced-width-001 = Bitmaps Absolutely positioned inline replaced element with 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. If both 'left' and 'right' have the value 'auto' and if the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-002 = SVG Absolutely positioned inline replaced element and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
  • If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value.
absolute-replaced-width-003 = SVG Absolutely positioned inline replaced element with 'auto' specified for 'margin-left', 'margin-right', with no intrinsic width and no intrinsic ratio
  • If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value.
absolute-replaced-width-003a = SVG Absolutely positioned inline replaced element, 'auto' specified for 'margin-left', 'margin-right', no intrinsic height and no intrinsic width
  • If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value.
absolute-replaced-width-003b = SVG Absolutely positioned inline replaced element, 'auto' specified for 'margin-left', 'margin-right', no intrinsic height and no intrinsic ratio
  • If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic height and no intrinsic ratio, then the used value of 'height' becomes 150px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value.
absolute-replaced-width-003c = SVG Absolutely positioned inline replaced element, 'auto' specified for 'margin-left', 'margin-right', no intrinsic width and no intrinsic ratio
  • If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value.
absolute-replaced-width-004 = SVG Absolutely positioned inline replaced element and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
  • If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value.
absolute-replaced-width-006 = Bitmaps Absolutely positioned inline replaced element and 'auto' specified for 'margin-left', 'margin-right' and width set to a percentage
  • The width of an absolutely positioned inline replaced element set to a percentage is evaluated against its containing block's width.
absolute-replaced-width-008 = Bitmaps Absolutely positioned inline replaced element 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-009 = SVG Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic height
  • If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value.
absolute-replaced-width-010 = SVG Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and 'height'
  • If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value.
absolute-replaced-width-011 = SVG Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and no intrinsic height or width
  • If an absolutely positioned inline replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px. Then, if both left and right values are 'auto' and the 'direction' property of the element establishing the static-position containing block is 'ltr', then set 'left' to the static position. If 'left' or 'right' are 'auto' (like in this test), then replace any 'auto' on 'margin-left' or 'margin-right' with '0'. If at this point there is an 'auto' left (like in this test: right is 'auto'), solve the equation for that value.
absolute-replaced-width-013 = Bitmaps Absolutely positioned inline replaced element 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 Absolutely positioned replaced element 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 absolutely positioned inline replaced element becomes a used value of '0'. If both 'left' and 'right' have the value 'auto' and if the 'direction' property of the element establishing the static-position containing block is 'rtl', then set 'right' to the static position. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-020 = Bitmaps Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and width set to a percentage
  • The width of an absolutely positioned inline replaced element set to a percentage is evaluated against the containing block's width. If both 'left' and 'right' have the value 'auto' and if the 'direction' property of the element establishing the static-position containing block is 'rtl', then set 'right' to the static position.
absolute-replaced-width-022 = Bitmaps Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic width
  • The intrinsic width is used if 'height' and 'width' are 'auto'. Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. If at this point there is an 'auto' left (like right as in this test), solve the equation for that value.
absolute-replaced-width-023 = SVG Absolutely positioned replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic height
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned replaced element becomes a used value of '0'.
absolute-replaced-width-024 = SVG Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and 'height'
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'.
absolute-replaced-width-025 = SVG Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and no intrinsic height or width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'.
absolute-replaced-width-027 = Bitmaps Absolutely positioned replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and percentage width
  • The width of an absolutely positioned inline replaced element set to a percentage is evaluated against its containing block's width.
absolute-replaced-width-029 = Bitmaps Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic width
  • The intrinsic width is used if 'height' and 'width' are 'auto'. Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. If at this point there is an 'auto' left (like right as in this test), solve the equation for that value.
absolute-replaced-width-030 = SVG Absolutely positioned replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic height
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned replaced element becomes a used value of '0'.
absolute-replaced-width-031 = SVG Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and 'height'
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'.
absolute-replaced-width-032 = SVG Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and no intrinsic height or width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
absolute-replaced-width-034 = Bitmaps Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and percentage intrinsic width
  • Percentage widths are evaluated against the containing block's width.
absolute-replaced-width-036 = Bitmaps Absolutely positioned inline replaced element 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 absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-037 = SVG Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'.
absolute-replaced-width-038 = SVG Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and 'height'
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'.
absolute-replaced-width-039 = SVG Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
absolute-replaced-width-041 = Bitmaps Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
  • Percentage widths are evaluated against the containing block's width.
absolute-replaced-width-043 = Bitmaps Absolutely positioned inline replaced element 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 absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-048 = Bitmaps Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
  • Percentage widths are evaluated against the containing block's width.
absolute-replaced-width-050 = Bitmaps Absolutely positioned inline replaced element 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 absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-051 = SVG Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-right' and intrinsic height
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'.
absolute-replaced-width-052 = SVG Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-right' and 'height'
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'.
absolute-replaced-width-053 = SVG Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-right' and no intrinsic height or width
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
absolute-replaced-width-055 = Bitmaps Absolutely positioned inline replaced element with 'direction' as left-to-right, 'auto' specified for 'margin-right' and percentage intrinsic width
  • Percentage widths are evaluated against the containing block's width.
absolute-replaced-width-057 = Bitmaps Absolutely positioned inline replaced element 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 absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-062 = Bitmaps Absolutely positioned inline replaced element with 'direction' as right-to-left, 'auto' specified for 'margin-right' and percentage width
  • Percentage widths are evaluated against the containing block's width.
absolute-replaced-width-064 = Bitmaps Absolutely positioned inline replaced element with 'direction' as left-to-right, intrinsic width and over-constrained situation
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-065 = SVG Absolutely positioned inline replaced element with 'direction' as left-to-right, intrinsic height and over-constrained situation
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'.
absolute-replaced-width-066 = SVG Absolutely positioned inline replaced element with 'direction' as left-to-right, 'height' and over-constrained situation
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'.
absolute-replaced-width-067 = SVG Absolutely positioned inline replaced element with 'direction' as left-to-right, no intrinsic height or width and over-constrained situation
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
absolute-replaced-width-069 = Bitmaps Absolutely positioned inline replaced element with 'direction' as left-to-right, percentage intrinsic width and over-constrained situation
  • Percentage widths are evaluated against the containing block's width.
absolute-replaced-width-071 = Bitmaps Absolutely positioned inline replaced element with 'direction' as right-to-left, intrinsic width and over-constrained situation
  • Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-076 = Bitmaps Absolutely positioned inline replaced element with 'direction' as right-to-left, percentage intrinsic width and over-constrained situation
  • Percentage 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-002 = SVG Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
  • Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. If 'width' has a computed value of 'auto' and the inline-block replaced element has no intrinsic ratio and no intrinsic width (which is the case in this test), then the used value of 'width' becomes 300px.
inline-block-replaced-width-003 = SVG Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
  • Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. If 'width' has a computed value of 'auto' and the inline-block replaced element has no intrinsic ratio and no intrinsic width (which is the case in this test), then the used value of 'width' becomes 300px.
inline-block-replaced-width-004 SVG Inline-block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
  • Computed value of 'auto' for 'margin-left' or margin-right' on inline-block replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
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.
inline-block-replaced-width-007 = SVG width of inline-block replaced element with no intrinsic height, no intrinsic width and no intrinsic ratio
  • If an inline-block replaced element (like the svg element in this test) has no intrinsic width and no intrinsic height, then the used value of 'width' becomes 300px and the used value of 'height' becomes 150px.
inline-block-replaced-width-008 = SVG CSS Test: width of inline-block replaced element with no intrinsic width and no intrinsic ratio
  • If an inline-block replaced element (like the svg element in this test) has no intrinsic width and no intrinsic ratio, then the used value of 'width' becomes 300px.
+ 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.
absolute-non-replaced-width-025 = CSS Test: absolutely positioned non-replaced element with 'left' and 'right' not set to 'auto' and 'width' set to 'auto' - max-width, horizontal margins
  • When 'width' is computed according to the equation and rules of section 10.3.7 and when such computed 'width' is greater than 'max-width', then the equation and rules of section 10.3.7 are applied again but this time assuming the computed 'max-width' value. Then all three properties ('width', 'left' and 'right') are not 'auto' and both 'margin-left' and 'margin-right' are 'auto': in which case, the horizontal margins get equal values of available, remaining horizontal space.
absolute-non-replaced-width-026 = absolutely positioned non-replaced element with 'left' and 'right' not set to 'auto' and 'width' set to 'auto' - max-width, horizontal margins
  • When 'width' is computed according to the equation and rules of section 10.3.7 and when such computed 'width' is greater than 'max-width', then the equation and rules of section 10.3.7 are applied again but this time assuming the computed 'max-width' value. Then all three properties ('width', 'left' and 'right') are not 'auto' and 'margin-left' is 'auto': in which case, the 'margin-left' get all of available, remaining horizontal space.
box-sizing-010 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-011 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-012 = SVG auto sizing rules with box-sizing:border-box, intrinsic width, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-013 = SVG auto sizing rules with box-sizing:border-box, intrinsic height, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-014 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-015 = SVG auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-016 = SVG auto sizing rules with box-sizing:border-box, intrinsic ratio, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-017 = SVG auto sizing rules with box-sizing:border-box, intrinsic ratio, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-018 = SVG auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-wdith and h > max-height and max-width/w &#8804; max-height/h
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width and h > max-height constraint violation and max-width/w &#8804; max-height/h are properly interpreted when box-sizing is border-box.
box-sizing-019 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w > max-wdith and h > max-height and max-width/w > max-height/h
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the w > max-width and h > max-height constraint violation and max-width/w > max-height/h are properly interpreted when box-sizing is border-box.
box-sizing-020 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, h < min-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-021 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, w < win-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-022 = SVG auto sizing rules with box-sizing:border-box, intrinsic width, w < min-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-023 = SVG auto sizing rules with box-sizing:border-box, intrinsic height, h < min-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-024 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h < mi:-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-025 = SVG auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w < min-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
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.
inline-replaced-height-010 = Bitmaps height - inline replaced element and max-width
  • The height of an inline replaced element should be re-calculated based on its constrained width (constrained by computed 'max-width' value) and based its intrinsic ratio when it has an intrinsic ratio.
inline-replaced-height-011 = Bitmaps height - inline replaced element and min-width
  • The height of an inline replaced element should be re-calculated based on its constrained width (constrained by computed 'min-width' value) and based its intrinsic ratio when it has an intrinsic ratio.
max-height-max-width-001 Ahem max-height and max-width - float and overflow
  • Space taken up by the horizontal and vertical scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. In this test, assuming that the width of vertical scrollbar is 19px and assuming that the height of horizontal scrollbar is 19px, then the dimensions of the painted green area should be 181px by 181px. The height of horizontal scrollbar and the width of vertical scrollbar are entirely user-settable in most graphical user agents.
max-width-001 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = AhemInvalid 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 = AhemInvalid 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 = Invalid 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-110 = Bitmaps max-width - float and inline replaced element
  • If 'height' and 'width' both have computed values of 'auto' and the element also has an intrinsic width, then such intrinsic width is the used value of 'width'. 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.
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 = Ahem 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-011 = Max-width applied to elements with 'display' set to 'run-in'
  • The 'max-width' property applies to elements with 'display' set to 'run-in'.
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 declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion.
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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = AhemInvalid 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 = AhemInvalid 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 = Invalid 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-011 = Min-width applied to elements with 'display' set to 'run-in'
  • The 'min-width' property applies to elements with 'display' set to 'run-in'.
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 declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion.
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-elements-all-auto = Recommend CSS 2.1 replaced element sizing
replaced-elements-height-20 = Recommend CSS 2.1 replaced element sizing
replaced-elements-max-height-20 = Recommend CSS 2.1 replaced element sizing
replaced-elements-max-width-40 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-height-20 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-height-40 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-width-40 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-width-80 = Recommend CSS 2.1 replaced element sizing
replaced-elements-width-40 = Recommend CSS 2.1 replaced element sizing
replaced-min-max-001 Bitmaps Min/Max Height and Width Constraints on Replaced Elements
max-width-001 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = AhemInvalid 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 = AhemInvalid 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 = Invalid 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-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 = Ahem 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-011 = Max-width applied to elements with 'display' set to 'run-in'
  • The 'max-width' property applies to elements with 'display' set to 'run-in'.
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'.
min-width-001 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = AhemInvalid 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 = AhemInvalid 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 = Invalid 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-011 = Min-width applied to elements with 'display' set to 'run-in'
  • The 'min-width' property applies to elements with 'display' set to 'run-in'.
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'.
+ 10.5 Content height: the 'height' property
abspos-zero-width-001 Bitmaps Absolute positioned elements still affect scrolling mechanism
  • Zero width absolute positioned elements still affects scrolling mechanism even though they are out of flow of the content.
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.
anonymous-boxes-001a = AhemBitmaps Percent height inside anonymous block
  • Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest non-anonymous ancestor box is used instead.
anonymous-boxes-001b = Ahem Percent height inside anonymous block
  • 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-010a = height set to 0 to elements with 'display' set to 'list-item'
  • If height of content exceeds the set height of a block-level non-replaced element in normal flow (like a list-item element such as in this test), then the content should overflow according to the 'overflow' property.
height-applies-to-011 = Height applied to elements with 'display' set to 'run-in'
  • The 'height' property applies to elements with 'display' set to 'run-in'.
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 (or when the containing block's height is set to 'auto').
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-003a = Height percentage - 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 'height: 100%' of the document root element should use all of the document root element's height.
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.
height-percentage-005 = Bitmaps height percentage - inline replaced element inside an auto-height container
  • This test checks that an height percentage is calculated with respect to the height of the generated box's containing block only if and only when such containing block's height is specified explicitly (i.e., it depends on content height; its specified height is not 'auto'). In this test, the div#parent has an 'auto' height; therefore the height percentage specified on div#child is treated as 'auto' and so the image should be rendered (entirely visible) inside that div#child. Note that div#grandparent's initial overflow value is 'visible'.
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.
multicol-height-002 = Percentage Computed Height on Multicol Child (Definite Multicol Height)
  • Percentage heights with a multi-column element are relative to the computed height of the multicolumn box, and this works even when the multi-column element is paginated.
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.
top-115 = position relative - top offset percentage and auto-height containing block
  • 'top: [percentage]' for a relatively positioned box refers to height of its containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, then the percentage height value computes to 'auto'.
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-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-011 = Height applied to elements with 'display' set to 'run-in'
  • The 'height' property applies to elements with 'display' set to 'run-in'.
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 (or when the containing block's height is set to 'auto').
height-percentage-003 = Percentage based 'height' on the root element
  • A percentage 'height' on the root element is relative to the initial containing block.
+ 10.6 Calculating heights and margins
background-root-017 = Interact Height of root element
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-006 = SVG Absolutely positioned block replaced elements with percentage based intrinsic height
  • A block replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
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.
box-sizing-007 = SVG box-sizing:border-box and auto sizing of intrinsicly sized replaced elements.
  • Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height.
box-sizing-008 = SVG box-sizing:border-box and auto sizing of replaced elements with intrinisic width only.
  • Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height.
box-sizing-009 = SVG box-sizing:border-box and auto sizing of replaced elements with intrinisic height only.
  • Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic height and no intrinsic ratio, to check that they work correctly in terms of the content width height.
box-sizing-010 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-011 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-012 = SVG auto sizing rules with box-sizing:border-box, intrinsic width, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-013 = SVG auto sizing rules with box-sizing:border-box, intrinsic height, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-014 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-015 = SVG auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-016 = SVG auto sizing rules with box-sizing:border-box, intrinsic ratio, h > max-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-017 = SVG auto sizing rules with box-sizing:border-box, intrinsic ratio, w > max-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-018 = SVG auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-wdith and h > max-height and max-width/w &#8804; max-height/h
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width and h > max-height constraint violation and max-width/w &#8804; max-height/h are properly interpreted when box-sizing is border-box.
box-sizing-019 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and ratio, w > max-wdith and h > max-height and max-width/w > max-height/h
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the w > max-width and h > max-height constraint violation and max-width/w > max-height/h are properly interpreted when box-sizing is border-box.
box-sizing-020 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, h < min-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-021 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and height, w < win-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-022 = SVG auto sizing rules with box-sizing:border-box, intrinsic width, w < min-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-023 = SVG auto sizing rules with box-sizing:border-box, intrinsic height, h < min-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-024 = SVG auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h < mi:-height
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h < min-height constraint violation are properly interpreted when box-sizing is border-box.
box-sizing-025 = SVG auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w < min-width
  • Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w < min-width constraint violation are properly interpreted when box-sizing is border-box.
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-006 = SVG Absolutely positioned floated replaced elements with percentage based intrinsic height
  • A floated replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
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.
floating-replaced-height-008 BitmapsInteract Floating replaced elements - specified width, height in percentages and intrinsic ratio
  • When 'height: 1%' (or any other percentage) applies to a floating replaced element and when the height of its containing block is not specified explicitly (i.e., it depends on content height), then such height computes to 'auto'. Then, if such floating replaced element has an intrinsic ratio and its used width is known or resolved, then the used value of 'height' is determined by the equation (used width) / (intrinsic ratio).
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 used value of 'height' is the intrinsic height when an inline-block replaced element has an intrinsic height and 'width' computed as 'auto'.
inline-block-replaced-height-003 = Bitmaps Inline-block replaced elements with intrinsic ratio and 'height' set to 'auto'
  • The 'height' is the used width divided by the intrinsic 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 element without intrinsic ratio and 'height' set to 'auto'
  • For inline-block replaced element that has no intrinsic ratio and a 'height' set to 'auto', 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-006 = SVG Absolutely positioned inline-block replaced elements with percentage based height
  • An inline-block replaced element with a percentage height resolves based on the containing block when the replaced element is absolutely positioned.
inline-block-replaced-height-007 = Inline-block replaced element with percentage based height that cannot be resolved
  • An inline-block replaced element with a percentage height that cannot be resolved will have its 'height' value computed to 'auto'. In which case, if such inline-block replaced element's 'height' has a computed value of 'auto' and no intrinsic ratio, then 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-008 BitmapsInteract 'inline-block' replaced elements in normal flow - specified width, height in percentages and intrinsic ratio
  • When 'height: 1%' (or any other percentage) applies to an 'inline-block' replaced element and when the height of its containing block is not specified explicitly (i.e., it depends on content height), then such height computes to 'auto'. Then, if such inline-block replaced element has an intrinsic ratio and its used width is known or resolved, then the used value of 'height' is determined by the equation (used width) / (intrinsic ratio).
inline-block-replaced-height-009 = SVG CSS Test: height of inline-block replaced element with no intrinsic height and no intrinsic ratio
  • If an inline-block replaced element (like the svg element in this test) has no intrinsic height and no intrinsic ratio, then the used value of 'height' becomes 150px.
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 an 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 not 'auto'.
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-006 = SVG Absolutely positioned inline replaced elements with percentage based intrinsic height
  • An inline replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
inline-replaced-height-007 = Inline replaced elements with percentage based intrinsic height that cannot be resolved
  • An inline replaced element with a percentage height that cannot be resolved has no intrinsic height.
inline-replaced-height-008 BitmapsInteract Inline replaced elements in normal flow - specified width, height in percentages and intrinsic ratio
  • When 'height: 1%' (or any other percentage) applies to an inline replaced element and when the height of its containing block is not specified explicitly (i.e., it depends on content height), then such height computes to 'auto'. Then, if such inline replaced element has an intrinsic ratio and its used width is known or resolved, then the used value of 'height' is determined by the equation (used width) / (intrinsic ratio).
inline-replaced-height-009 = SVG CSS Test: height of inline replaced element with no intrinsic height and no intrinsic ratio
  • If an inline replaced element (like the svg element in this test) has no intrinsic height and no intrinsic ratio, then the used value of 'height' becomes 150px.
inline-replaced-height-010 = Bitmaps height - inline replaced element and max-width
  • The height of an inline replaced element should be re-calculated based on its constrained width (constrained by computed 'max-width' value) and based its intrinsic ratio when it has an intrinsic ratio.
inline-replaced-height-011 = Bitmaps height - inline replaced element and min-width
  • The height of an inline replaced element should be re-calculated based on its constrained width (constrained by computed 'min-width' value) and based its intrinsic ratio when it has an intrinsic ratio.
replaced-elements-all-auto = Recommend CSS 2.1 replaced element sizing
replaced-elements-height-20 = Recommend CSS 2.1 replaced element sizing
replaced-elements-max-height-20 = Recommend CSS 2.1 replaced element sizing
replaced-elements-max-width-40 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-height-20 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-height-40 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-width-40 = Recommend CSS 2.1 replaced element sizing
replaced-elements-min-width-80 = Recommend CSS 2.1 replaced element sizing
replaced-elements-width-40 = Recommend CSS 2.1 replaced element sizing
replaced-intrinsic-004 = SVG Auto Intrinsic Sizes: Intrinsic Height Only and Specified Width
  • An inline 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 distance from the top of the topmost margin edge of the content to the bottom edge of the bottom (possibly collapsed) margin of its last in-flow child, if the child's bottom margin does not collapse with the element's bottom margin.
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
abs-pos-non-replaced-vlr-027 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to static position and solve for 'bottom'.
abs-pos-non-replaced-vlr-103 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-105 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height', and 'bottom' are 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then set 'top' to the static position, the height is based on content and then solve for 'bottom'.
abs-pos-non-replaced-vlr-107 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-109 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-111 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-113 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height', and 'bottom' are 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then set 'top' to the static position, the height is based on content and then solve for 'bottom'.
abs-pos-non-replaced-vlr-115 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-117 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position, the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-119 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-121 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on content and then solve for 'top'.
abs-pos-non-replaced-vlr-123 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-125 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-127 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-129 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on content and then solve for 'top'.
abs-pos-non-replaced-vlr-131 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-133 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vlr-135 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vlr-137 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to the static position and then solve for 'bottom'.
abs-pos-non-replaced-vlr-139 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vlr-141 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vlr-143 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vlr-145 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to the static position and then solve for 'bottom'.
abs-pos-non-replaced-vlr-147 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vlr-149 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-lr', then set 'left' to the static position and then solve for 'right'.
abs-pos-non-replaced-vlr-151 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vlr-153 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height is based on content and then solve for 'bottom'.
abs-pos-non-replaced-vlr-155 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vlr-157 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vlr-159 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vlr-161 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto' and 'writing-mode' is 'vertical-lr', then then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vlr-163 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vlr-165 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-lr', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vlr-167 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'right'.
abs-pos-non-replaced-vlr-169 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vlr-171 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
abs-pos-non-replaced-vlr-173 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
abs-pos-non-replaced-vlr-175 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
  • When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
abs-pos-non-replaced-vlr-177 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then then solve for 'top'.
abs-pos-non-replaced-vlr-179 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
  • When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
abs-pos-non-replaced-vlr-181 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
  • When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
abs-pos-non-replaced-vlr-183 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
abs-pos-non-replaced-vlr-185 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vlr-187 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
abs-pos-non-replaced-vlr-189 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
abs-pos-non-replaced-vlr-191 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
abs-pos-non-replaced-vlr-193 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then then solve for 'height'.
abs-pos-non-replaced-vlr-195 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
abs-pos-non-replaced-vlr-197 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'width'.
abs-pos-non-replaced-vlr-199 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
abs-pos-non-replaced-vlr-201 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
  • When 'direction' is 'ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vlr-203 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
abs-pos-non-replaced-vlr-205 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
abs-pos-non-replaced-vlr-207 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
abs-pos-non-replaced-vlr-209 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
  • When 'direction' is 'rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then then solve for 'bottom'.
abs-pos-non-replaced-vlr-211 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
abs-pos-non-replaced-vlr-213 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-lr', then solve for 'left'.
abs-pos-non-replaced-vlr-215 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
abs-pos-non-replaced-vlr-217 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'top', 'bottom' and 'height' are not 'auto' and if the values are over-constrained, then ignore the value for 'bottom' and solve for that value.
abs-pos-non-replaced-vlr-219 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
abs-pos-non-replaced-vlr-221 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
abs-pos-non-replaced-vlr-223 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
abs-pos-non-replaced-vlr-225 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'top', 'bottom' and 'height' are not 'auto' and if the values are over-constrained, then ignore the value for 'bottom' and solve for that value.
abs-pos-non-replaced-vlr-227 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
abs-pos-non-replaced-vlr-229 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-lr' and if the values are over-constrained, then ignore the value for 'right' and solve for that value.
abs-pos-non-replaced-vrl-102 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-104 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'height', and 'bottom' are 'auto'
  • When 'direction' is 'ltr' and 'top', 'height' and 'bottom' are 'auto', then set 'top' to the static position, the height is based on content and then solve for 'bottom'.
abs-pos-non-replaced-vrl-106 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-108 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'ltr' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-110 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-112 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'height', and 'bottom' are 'auto'
  • When 'direction' is 'rtl' and 'top', 'height' and 'bottom' are 'auto', then set 'top' to the static position, the height is based on content and then solve for 'bottom'.
abs-pos-non-replaced-vrl-114 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-116 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'width' and 'right' are 'auto'
  • When 'direction' is 'rtl' and 'left', 'width' and 'right' are 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position, the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-118 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vrl-120 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on content and then solve for 'top'.
abs-pos-non-replaced-vrl-122 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vrl-124 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'ltr' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vrl-126 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vrl-128 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on content and then solve for 'top'.
abs-pos-non-replaced-vrl-130 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vrl-132 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto'
  • When 'direction' is 'rtl' and 'width' and 'right' are 'auto' and 'left' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'right'.
abs-pos-non-replaced-vrl-134 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vrl-136 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'ltr' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to the static position and then solve for 'bottom'.
abs-pos-non-replaced-vrl-138 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vrl-140 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vrl-142 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vrl-144 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto'
  • When 'direction' is 'rtl' and 'top' and 'bottom' are 'auto' and 'height' is not 'auto', then set 'top' to the static position and then solve for 'bottom'.
abs-pos-non-replaced-vrl-146 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vrl-148 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'right' are 'auto' and 'width' is not 'auto' and 'writing-mode' is 'vertical-rl', then set 'right' to the static position and then solve for 'left'.
abs-pos-non-replaced-vrl-150 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-152 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'ltr' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto', then the height is based on content and then solve for 'bottom'.
abs-pos-non-replaced-vrl-154 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-156 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'ltr' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-158 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-160 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto'
  • When 'direction' is 'rtl' and 'height' and 'bottom' are 'auto' and 'top' is not 'auto' and 'writing-mode' is 'vertical-rl', then then the height is based on the content and then solve for 'bottom'.
abs-pos-non-replaced-vrl-162 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-164 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto'
  • When 'direction' is 'rtl' and 'left' and 'width' are 'auto' and 'right' is not 'auto' and 'writing-mode' is 'vertical-rl', then the width is based on the content and then solve for 'left'.
abs-pos-non-replaced-vrl-166 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'right'.
abs-pos-non-replaced-vrl-168 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then solve for 'top'.
abs-pos-non-replaced-vrl-170 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
abs-pos-non-replaced-vrl-172 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
abs-pos-non-replaced-vrl-174 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
  • When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
abs-pos-non-replaced-vrl-176 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'top' is 'auto', 'height' and 'bottom' are not 'auto', then then solve for 'top'.
abs-pos-non-replaced-vrl-178 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
  • When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
abs-pos-non-replaced-vrl-180 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto'
  • When 'direction' is 'rtl' and 'right' is 'auto' and 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
abs-pos-non-replaced-vrl-182 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'right' is 'auto', 'width' and 'left' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
abs-pos-non-replaced-vrl-184 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'ltr' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then solve for 'height'.
abs-pos-non-replaced-vrl-186 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
abs-pos-non-replaced-vrl-188 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'ltr' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
abs-pos-non-replaced-vrl-190 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
abs-pos-non-replaced-vrl-192 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto'
  • When 'direction' is 'rtl' and 'height' is 'auto', 'top' and 'bottom' are not 'auto', then then solve for 'height'.
abs-pos-non-replaced-vrl-194 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
abs-pos-non-replaced-vrl-196 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'width'.
abs-pos-non-replaced-vrl-198 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
abs-pos-non-replaced-vrl-200 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
  • When 'direction' is 'ltr' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then solve for 'bottom'.
abs-pos-non-replaced-vrl-202 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
abs-pos-non-replaced-vrl-204 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'ltr' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
abs-pos-non-replaced-vrl-206 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
abs-pos-non-replaced-vrl-208 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto'
  • When 'direction' is 'rtl' and 'bottom' is 'auto', 'top' and 'height' are not 'auto', then then solve for 'bottom'.
abs-pos-non-replaced-vrl-210 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
abs-pos-non-replaced-vrl-212 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left' is 'auto' and 'right' and 'width' are not 'auto'
  • When 'direction' is 'rtl' and 'width' is 'auto' and 'left' and 'right' are not 'auto' and 'writing-mode' is 'vertical-rl', then solve for 'left'.
abs-pos-non-replaced-vrl-214 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
abs-pos-non-replaced-vrl-216 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'top', 'bottom' and 'height' are not 'auto' and if the values are over-constrained, then ignore the value for 'bottom' and solve for that value.
abs-pos-non-replaced-vrl-218 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
abs-pos-non-replaced-vrl-220 = AhemBitmaps absolutely positioned non-replaced element - 'direction: ltr' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'ltr' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
abs-pos-non-replaced-vrl-222 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
abs-pos-non-replaced-vrl-224 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'top', 'bottom' and 'height' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'top', 'bottom' and 'height' are not 'auto' and if the values are over-constrained, then ignore the value for 'bottom' and solve for that value.
abs-pos-non-replaced-vrl-226 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
abs-pos-non-replaced-vrl-228 = AhemBitmaps absolutely positioned non-replaced element - 'direction: rtl' and 'left', 'right' and 'width' are not 'auto' (overconstrained)
  • When 'direction' is 'rtl' and 'left', 'right' and 'width' are not 'auto' and 'writing-mode' is 'vertical-rl' and if the values are over-constrained, then ignore the value for 'left' and solve for that value.
absolute-non-replaced-height-001 Absolutely positioned, non-replaced elements, static position of fixed element
  • The calculation of static position for a fixed positioned element when top, right, bottom, and left are all 'auto' is based off the containing block not the initial containing block.
absolute-non-replaced-height-002 = Ahem Absolutely positioned, non-replaced elements with height based on the content
  • If 'top', 'height', 'bottom', 'margin-top' and 'margin-bottom' are all auto, then set 'top' to the static position, then the height is based on the content, then 'margin-top' and 'margin-bottom' are set to 0 and then solve for 'bottom'.
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' and 'margin-bottom' when set to 'auto' are solved 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 based on the content
  • 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'
  • When 'top' and 'height' are 'auto' and 'bottom' is not 'auto', then the height is based on the content (and such height can be constrained by a max-height declaration) and then set 'auto' values for 'margin-top' and 'margin-bottom' to 0, and solve for 'top'
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'. If such height is constrained by max-height, then we must re-process the values as following. If none of 'top', height, bottom are 'auto' and if both 'margin-top' and 'margin-bottom' are 'auto', solve the equation under the extra constraint that the two margins get equal values.
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.
absolute-non-replaced-width-027 = absolutely positioned non-replaced element - 'auto' margins, max-width and max-height
  • If 'width' is auto and 'left' and 'right' are not 'auto', then set 'auto' values for 'margin-left' and 'margin-right' to 0 and then solve for 'width'; the tentative width may be later constrained by max-width in which case, the algorithm must be re-entered. If 'height' is 'auto' and 'top' and 'bottom' are not 'auto', then 'auto' values for 'margin-top' and 'margin-bottom' are set to 0 and solve for 'height'; the tentative height may be later constrained by max-height in which case, the algorithm must be re-entered.
abspos-028 = Abspos static position and clear
  • The static position is calculated as if clear had been none.
box-sizing-005 = box-sizing:border-box and CSS2.1 10.6.4
  • When box-sizing is border-box, the content height, rather than the computed value of the height property, should be used in the the constraint that determines the used values of sizing and positioning properties of absolutely positioned elements.
+ 10.6.5 Absolutely positioned, replaced elements
absolute-replaced-height-001 = Bitmaps Absolute replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
  • If the height, top, bottom and vertical margins of an absolute positioned inline replaced element are all 'auto', then its use value is determined for inline replaced element, its 'top' is given by its static position and both 'margin-top' and 'margin-bottom' used values are '0'. In this test, the 'height' and 'width' of the inline replaced element are 'auto' and the element also has an intrinsic height, so the intrinsic height and the intrinsic width become the used values.
absolute-replaced-height-002 = Bitmaps Absolutely positioned inline replaced elements relying on intrinsic height dimensions
  • The 'height' is the intrinsic height when an absolutely positioned inline replaced element with an intrinsic height has a 'height' and 'width' computed as 'auto'.
absolute-replaced-height-003 = Bitmaps Absolutely positioned inline replaced element with intrinsic ratio and 'height' set to 'auto'
  • The 'height' is the used width divided by the intrinsic ratio when an absolutely positioned inline replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
absolute-replaced-height-004 = Absolute replaced inline-block elements without intrinsic ratio and 'height' set to 'auto'
  • For an absolutely positioned inline-block replaced element, if its 'height' and 'width' have a computed value of 'auto' and the element has no intrinsic ratio, 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 = Absolutely positioned inline-block replaced element with its height set to a percentage
  • An absolutely positioned inline-block replaced element with its height set to a percentage is resolvable if and when its containing block height is explicitly specified and computable.
absolute-replaced-height-006 = SVG Absolutely positioned inline replaced element with percentage based intrinsic height
  • An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
absolute-replaced-height-007 = Absolutely positioned inline-block replaced elements with percentage based intrinsic height that cannot be resolved
  • An absolutely positioned inline-block replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-008 = Bitmaps Absolutely positioned inline replaced element with 'margin-top', 'margin-bottom' and 'bottom' as 'auto'
  • An absolutely positioned inline replaced element's used value of 'bottom', 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
absolute-replaced-height-009 = Bitmaps Absolute positioned inline 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 an intrinsic height has 'height', 'width' and 'bottom' computed as 'auto'.
absolute-replaced-height-010 = Bitmaps Absolutely positioned inline replaced element with intrinsic ratio, 'height' and 'bottom' set to 'auto'
  • The 'height' is the used width divided by the intrinsic ratio when an absolutely positioned inline replaced element has an intrinsic ratio, 'height' and 'bottom' are set to 'auto' and 'width' is specified.
absolute-replaced-height-011 = Absolutely positioned inline-block replaced element without intrinsic ratio, 'height' and 'bottom' set to 'auto'
  • For an absolutely positioned inline-block 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 = Absolutely positioned inline-block replaced element with its height set to a percentage and 'bottom' set to 'auto'
  • An absolutely positioned inline-block replaced element with its height set to a percentage is resolvable if and when its containing block height is explicitly specified and computable.
absolute-replaced-height-013 = SVG Absolutely positioned inline replaced element 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 when the replaced element is absolutely positioned.
absolute-replaced-height-014 = Absolutely positioned inline-block replaced elements with percentage based intrinsic height that cannot be resolved and 'top' specified
  • An absolutely positioned inline-block replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-016 = Bitmaps Absolutely positioned inline replaced element relying on intrinsic height dimensions and 'top', 'bottom' are not 'auto'
  • The 'height' is the intrinsic height when an absolutely positioned inline replaced element has an intrinsic height and its height is specified as 'auto', 'width' is specified 'auto' and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-017 = Bitmaps Absolutely positioned inline replaced element with intrinsic ratio, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'
  • The 'height' is the used width divided by the intrinsic ratio when an absolutely positioned inline replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-018 = Absolutely positioned inline-block replaced element without intrinsic ratio, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'
  • For an absolutely positioned inline-block 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 = Absolutely positioned inline-block replaced element with its height set to a percentage and 'top', 'bottom' are not 'auto'
  • An absolutely positioned inline-block replaced element with its height set to a percentage is resolvable if and when its containing block height is explicitly specified and computable.
absolute-replaced-height-020 = SVG Absolutely positioned inline replaced element 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 when the replaced element is absolutely positioned.
absolute-replaced-height-021 = Absolutely positioned inline-block replaced element with percentage based intrinsic height that cannot be resolved where 'top' and 'bottom' are not 'auto'
  • An absolutely positioned inline-block replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-022 = Bitmaps Absolutely positioned inline replaced element with 'margin-bottom' as 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
  • An absolutely positioned inline replaced element with only one value as 'auto' solves for that value (margin-bottom).
absolute-replaced-height-023 = Bitmaps Absolutely positioned inline replaced element relying on intrinsic height dimensions and 'top', 'bottom', 'margin-top' are not 'auto'
  • The 'height' is the intrinsic height when an absolutely positioned inline replaced element with an intrinsic height has a 'height', 'width' computed as 'auto' and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-024 = Bitmaps Absolutely positioned inline replaced element with intrinsic ratio, 'height' set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
  • The 'height' is the used width divided by the intrinsic ratio when an absolutely positioned inline replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-025 = Absolutely positioned inline-block replaced elements without intrinsic ratio, '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 = Absolutely positioned inline-block replaced element with its height set to a percentage of its containing block's height and 'top', 'bottom', 'margin-top' are not 'auto'
  • An absolutely positioned inline-block replaced element with its height set to a percentage is resolvable if and when its containing block height is explicitly specified and computable.
absolute-replaced-height-027 = SVG Absolutely positioned inline replaced element 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 when the replaced element is absolutely positioned.
absolute-replaced-height-028 = Absolutely positioned inline-block replaced element with percentage based intrinsic height that cannot be resolved where 'top', 'bottom', 'margin-top' are not 'auto'
  • An absolutely positioned inline-block replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-029 = Bitmaps Absolutely positioned inline replaced element with over-constrained values
  • An absolutely positioned inline replaced element with over-constrained values solves for 'bottom'.
absolute-replaced-height-030 = Bitmaps Absolutely positioned inline replaced element with intrinsic height dimension and over-constrained values
  • The 'height' is the intrinsic height when an absolutely positioned inline replaced element has an intrinsic height; if values are overconstrained, then solve for 'bottom'.
absolute-replaced-height-031 = Bitmaps Absolutely positioned inline replaced element with intrinsic ratio, 'height' set to 'auto' and over-constrained values
  • The 'height' is the used width divided by the intrinsic 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 positioned inline-block replaced element without intrinsic ratio, 'height' set to 'auto' and over-constrained values
  • For an absolutely positioned inline-block 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 = Absolutely positioned inline-block element with percentage based height set to 'auto' and over-constrained values
  • An absolutely positioned inline-block replaced element with percentage height resolves based on the containing block height when such height can be resolved.
absolute-replaced-height-034 = SVG Absolutely positioned inline replaced element 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 when the replaced element is absolutely positioned.
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'
inline-replaced-width-016 = Bitmaps width - inline replaced element and max-height
  • The width of an inline replaced element should be re-calculated based on its constrained height (constrained by computed 'max-height' value) and based its intrinsic ratio when it has an intrinsic ratio.
inline-replaced-width-017 = Bitmaps width - inline replaced element and min-height
  • The width of an inline replaced element should be re-calculated based on its constrained height (constrained by computed 'min-height' value) and based its intrinsic ratio when it has an intrinsic ratio.
max-height-001 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = AhemInvalid 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, 5em
  • 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, +5em
  • The 'max-height' property sets a positive nominal length value in 'em' units.
max-height-078 = AhemInvalid 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 = Invalid 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 with a value of 'none' means that there is no constraining maximum height being applied to the element.
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 = Ahem 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-011 = Max-height applied to elements with 'display' set to 'run-in'
  • The 'max-height' property applies to elements with 'display' set to 'run-in'.
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 declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion.
max-height-max-width-001 Ahem max-height and max-width - float and overflow
  • Space taken up by the horizontal and vertical scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. In this test, assuming that the width of vertical scrollbar is 19px and assuming that the height of horizontal scrollbar is 19px, then the dimensions of the painted green area should be 181px by 181px. The height of horizontal scrollbar and the width of vertical scrollbar are entirely user-settable in most graphical user agents.
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 (#div1) of an element (#div2) is not specified (or if such height has the value 'auto') and the element is not absolutely positioned, then a percentage value of 'max-height' on such element is treated as '0' for 'min-height' and 'none' for 'max-height'.
max-height-percentage-003 = Bitmaps max-height percentage - inline replaced element inside an auto-height container
  • This test checks that a max-height percentage is calculated with respect to the height of the generated box's containing block only if and only when such containing block's height is specified explicitly (i.e., it depends on content height; its specified height is not 'auto'). In this test, the div#child has an 'auto' height; therefore the max-height percentage is treated as 'none' and so the image should be rendered (entirely visible) inside that div#child. Note that div#parent's initial overflow value is 'visible'.
min-height-001 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = AhemInvalid 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, 5em
  • 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, +5em
  • The 'min-height' property sets a positive nominal length value in 'em' units.
min-height-078 = AhemInvalid 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 = Invalid 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 = Ahem 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-011 = Min-height applied to elements with 'display' set to 'run-in'
  • The 'min-height' property applies to elements with 'display' set to 'run-in'.
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 (#div1) of an element (inner div) is not specified (or if its height value is 'auto') and the element is not absolutely positioned, then the percentage value of 'max-height' 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.
max-height-001 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = AhemInvalid 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, 5em
  • 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, +5em
  • The 'max-height' property sets a positive nominal length value in 'em' units.
max-height-078 = AhemInvalid 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 = Invalid 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 with a value of 'none' means that there is no constraining maximum height being applied to the element.
max-height-104 = Max-height set to inherit
  • The 'max-height' property properly inherits the max-height value of the parent.
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 = Ahem 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-011 = Max-height applied to elements with 'display' set to 'run-in'
  • The 'max-height' property applies to elements with 'display' set to 'run-in'.
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'.
min-height-001 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = Invalid 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 = AhemInvalid 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, 5em
  • 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, +5em
  • The 'min-height' property sets a positive nominal length value in 'em' units.
min-height-078 = AhemInvalid 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 = Invalid 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-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 = Ahem 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-011 = Min-height applied to elements with 'display' set to 'run-in'
  • The 'min-height' property applies to elements with 'display' set to 'run-in'.
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'.
+ 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 - Empty inline elements influence
  • The line-height of an empty inline element influences the height of a line containing it with some other content
inline-formatting-context-010b AhemDOM/JSBitmapsInteract line-height - line box height calculations
  • A line box is always tall enough for all of the boxes it contains. A line box can be as tall as the tallest inline non-replaced box it contains.
inline-formatting-context-010c AhemBitmaps line-height - line box height calculations
  • The line box height is given by the distance between the uppermost box top and the lowermost box bottom. The line box height is not necessarly given by the height of the tallest inline box contained in the line box.
inline-formatting-context-010d Bitmaps line-height - line box height calculations
  • The line box height is given by the distance between the uppermost box top and the lowermost box bottom. The line box height is not necessarly given by the height of the tallest inline box contained in the line box.
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
line-box-height-vlr-003 = line box height and border on non-replaced inline box (mixed)
  • This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
line-box-height-vlr-005 = line box height and padding on non-replaced inline box (mixed)
  • This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
line-box-height-vlr-007 = line box height and border on non-replaced inline box (sideways)
  • This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
line-box-height-vlr-009 = line box height and padding on non-replaced inline box (sideways)
  • This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
line-box-height-vlr-011 = line box height and border on non-replaced inline box (upright)
  • This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
line-box-height-vlr-013 = line box height and padding on non-replaced inline box (upright)
  • This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
line-box-height-vlr-021 = line box height and border on non-replaced inline box (complex)
  • This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
line-box-height-vlr-023 = line box height and border on non-replaced inline box (complex)
  • This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
line-box-height-vrl-002 = line box height and border on non-replaced inline box (mixed)
  • This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
line-box-height-vrl-004 = line box height and padding on non-replaced inline box (mixed)
  • This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
line-box-height-vrl-006 = line box height and border on non-replaced inline box (sideways)
  • This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
line-box-height-vrl-008 = line box height and padding on non-replaced inline box (sideways)
  • This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
line-box-height-vrl-010 = line box height and border on non-replaced inline box (upright)
  • This test checks that a line box height does not increase because an inline non-replaced box has a border. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'border-left' of inline box and transparent 'border-right' of inline box.
line-box-height-vrl-012 = line box height and padding on non-replaced inline box (upright)
  • This test checks that a line box height does not increase because an inline non-replaced box has a padding. In this test, the '34' inline box and the '56' inline box should be lined up with its inline '12' sibling. The line box height, enclosed by the blue border should not grow to accomodate transparent 'padding-left' of inline box and transparent 'padding-right' of inline box.
line-height-121 = Ahem The 'line-height' property
line-height-122 Bitmaps Images on baselines
line-height-123 Bitmaps Images on baselines
line-height-124 Bitmaps Images on baselines
line-height-125 = Inheritance of em units
line-height-126 = Bitmaps line-height of images
line-height-127 = AhemBitmaps line-height of images
line-height-128 = Ahem Test
vertical-align-121 = Ahem 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
border-padding-bleed-001 = Ahem line-height - border-top and padding-top of inline non-replaced element paint over previous line box
  • Although margins, borders and padding of inline non-replaced elements do not enter into the line box calculation, they are still rendered around inline boxes. This means that if the height specified by 'line-height' (40px in this testcase) is equal to the content height (40px in this testcase) of contained boxes, then background-color of padding-top area and border-top may 'bleed' into the adjoining preceding line box. Since line boxes are rendered in document order, this causes padding-top and border-top of 2nd line box (the span element in this testcase) to be painted over border-bottom and padding-bottom of inline boxes of previous line and, in this testcase, over the 1st line box.
border-padding-bleed-002 = Ahem line-height - padding-top of inline non-replaced element paint over previous line box
  • Although margins, borders and padding of inline non-replaced elements do not enter into the line box calculation, they are still rendered around inline boxes. This means that if the height specified by 'line-height' (40px in this testcase) is equal to the content height (40px in this testcase) of contained boxes, then background-color of padding-top area and border-top may 'bleed' into the adjoining preceding line box. Since line boxes are rendered in document order, this causes padding-top of 2nd line box (the span element in this testcase) to be painted over border-bottom and padding-bottom of inline boxes of previous line and, in this testcase, over the 1st line box.
border-padding-bleed-003 = Ahem line-height - border-top of inline non-replaced element paint over previous line box
  • Although margins, borders and padding of inline non-replaced elements do not enter into the line box calculation, they are still rendered around inline boxes. This means that if the height specified by 'line-height' (40px in this testcase) is equal to the content height (40px in this testcase) of contained boxes, then background-color of padding-top area and border-top may 'bleed' into the adjoining preceding line box. Since line boxes are rendered in document order, this causes border-top of 2nd line box (the span element in this testcase) to be painted over border-bottom and padding-bottom of inline boxes of previous line and, in this testcase, over the 1st line box.
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 = AhemBitmapsInvalid 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-alignment-002 = Ahem inline-table alignment - central alignment with vertical layout
  • This test checks the generation of inline-table baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
inline-table-alignment-003 = Ahem inline-table alignment - central alignment with vertical layout
  • This test checks the generation of inline-table baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
inline-table-alignment-004 = Ahem inline-table alignment - central alignment with vertical layout
  • This test checks the generation of inline-table baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
inline-table-alignment-005 = Ahem inline-table alignment - central alignment with vertical layout
  • This test checks the generation of inline-table baseline. When 'writing-mode' is 'vertical-lr' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
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-129 = Bitmaps height of line box and inline replaced elements
  • This test checks the height determination of a line box when such line box is made of a single inline replaced element. In this test, we verify that the margin box of an inline replaced element does indeed determine the line box height. div {line-height: 0px} rule only determines the minimum of the line box 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-011 Line-height applied to elements with 'display' set to 'run-in'
  • The 'line-height' property applies to elements with 'display' set to 'run-in'.
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-117a = Ahem 'vertical-align: text-bottom' - line-height
  • For inline non-replaced elements (such as the span element in this testcase), the box used for vertical-alignment is the box whose height is the 'line-height' (containing the box's glyphs and the half-leading on each side). 'vertical-align: text-bottom' will align the bottom of such box with the bottom of the parent's content area and not with the bottom of the parent's box.
vertical-align-118 Ahem Vertical-align with a keyword, 'text-top'
  • The 'vertical-align' property sets the keyword 'text-top'.
vertical-align-118a = Ahem 'vertical-align: text-top' - line-height
  • For inline non-replaced elements (such as the span element in this testcase), the box used for vertical-alignment is the box whose height is the 'line-height' (containing the box's glyphs and the half-leading on each side). 'vertical-align: text-top' will align the top of such box with the top of the parent's content area and not with the bottom of the parent's box.
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-011 Ahem Vertical-align applied to elements with 'display' set to 'run-in'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'run-in'.
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-004a = AhemBitmaps Vertical-align applied to empty 'inline-block' and baseline alignment
  • The baseline of an 'inline-block' that has no in-flow line boxes is at its bottom margin edge. The bottom margin edge of an 'inline-block' that has no inflow line boxes will 'sit' on the baseline, will be located on the baseline of such 'inline-block'.
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-005a = AhemBitmaps Vertical-align applied to an 'inline-block' with 'overflow' not set to 'visible' and baseline alignment
  • The baseline of an 'inline-block' whose 'overflow' property has a computed value other than 'visible' is located at its bottom margin edge.
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-006a Baseline alignment of an inline-block with vertical padding and margin
  • The baseline of an (anonymous) inline element is aligned with the baseline of the last line box of an 'inline-block' in the normal flow as 'vertical-align: baseline' is by default applied. In such case, the vertical padding and vertical margin have no influence on the position of the baseline line of an 'inline-block'.
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.
empty-inline-002 = Ahem Empty line box influence
  • Empty inline elements still influence calculation just like elements with content.
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-011 Line-height applied to elements with 'display' set to 'run-in'
  • The 'line-height' property applies to elements with 'display' set to 'run-in'.
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-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.
grid-inline-vertical-align-001 = Ahem 'vertical-align' has no effect on grid items within an inline grid
grid-vertical-align-001 = Ahem 'vertical-align' has no effect on grid items
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-011 Ahem Vertical-align applied to elements with 'display' set to 'run-in'
  • The 'vertical-align' property does not apply to elements with 'display' set to 'run-in'.
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.