|
+
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 |
= |
|
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.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.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.
|
|
htb-ltr-ltr |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
htb-ltr-rtl.tentative |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
htb-rtl-ltr.tentative |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
htb-rtl-rtl |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
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.
|
|
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.
|
|
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.
|
|
vlr-ltr-ltr |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
vlr-ltr-rtl.tentative |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
vlr-rtl-ltr.tentative |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
vlr-rtl-rtl |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
vrl-ltr-ltr |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
vrl-ltr-rtl.tentative |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
vrl-rtl-ltr.tentative |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
vrl-rtl-rtl |
= |
|
- This test checks the static position of an out of flow absolute positioned element, under various conditions.
|
|
+
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 |