Absolutely positioned inline replaced element with 'direction' as left-to-right, no intrinsic height or width and over-constrained situation
- Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
|
|
absolute-replaced-width-069 |
= |
Bitmaps |
Absolutely positioned inline replaced element with 'direction' as left-to-right, percentage intrinsic width and over-constrained situation
- Percentage widths are evaluated against the containing block's width.
|
|
absolute-replaced-width-071 |
= |
Bitmaps |
Absolutely positioned inline replaced element with 'direction' as right-to-left, intrinsic width and over-constrained situation
- Computed value of 'auto' for 'margin-left' or margin-right' on absolutely positioned inline replaced element becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
|
|
absolute-replaced-width-076 |
= |
Bitmaps |
Absolutely positioned inline replaced element with 'direction' as right-to-left, percentage intrinsic width and over-constrained situation
- Percentage widths are evaluated against the containing block's width.
|
|
abspos-replaced-width-margin-000 |
= |
|
CSS2.1:10.3.8 Comprehensive - Absolutely Positioned Replaced Horizontal Size+Position Calculations
- The values of 'left', 'right', 'margin-left', 'margin-right', and 'width' are calculated correctly for absolutely positioned replaced elements according to CSS2.1 Section 10.3.7.
|
|
+
10.4 Minimum and maximum widths: 'min-width' and 'max-width' |
|
absolute-non-replaced-width-017 |
= |
Ahem |
'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
- When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
absolute-non-replaced-width-018 |
= |
Ahem |
'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), inline-block and max-width
- When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to shrink-to-fit width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
absolute-non-replaced-width-019 |
= |
Ahem |
'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
- When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
absolute-non-replaced-width-020 |
= |
Ahem |
'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (left-to-right), float and max-width
- When direction is left-to-right and 'left' is set to static position and 'width' and 'right' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
absolute-non-replaced-width-021 |
= |
Ahem |
'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
- When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
absolute-non-replaced-width-022 |
= |
Ahem |
'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), inline-block and max-width
- When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
absolute-non-replaced-width-023 |
= |
Ahem |
'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
- When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
absolute-non-replaced-width-024 |
= |
Ahem |
'shrink-to-fit' width of absolutely positioned, non-replaced elements - direction (right-to-left), float and max-width
- When direction is right-to-left and 'right' is set to static position and 'width' and 'left' are 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an floating, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is also given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If width of an absolutely positioned, non-replaced element resorts to 'shrink-to-fit' width calculation but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
absolute-non-replaced-width-025 |
= |
|
CSS Test: absolutely positioned non-replaced element with 'left' and 'right' not set to 'auto' and 'width' set to 'auto' - max-width, horizontal margins
- When 'width' is computed according to the equation and rules of section 10.3.7 and when such computed 'width' is greater than 'max-width', then the equation and rules of section 10.3.7 are applied again but this time assuming the computed 'max-width' value. Then all three properties ('width', 'left' and 'right') are not 'auto' and both 'margin-left' and 'margin-right' are 'auto': in which case, the horizontal margins get equal values of available, remaining horizontal space.
|
|
absolute-non-replaced-width-026 |
= |
|
absolutely positioned non-replaced element with 'left' and 'right' not set to 'auto' and 'width' set to 'auto' - max-width, horizontal margins
- When 'width' is computed according to the equation and rules of section 10.3.7 and when such computed 'width' is greater than 'max-width', then the equation and rules of section 10.3.7 are applied again but this time assuming the computed 'max-width' value. Then all three properties ('width', 'left' and 'right') are not 'auto' and 'margin-left' is 'auto': in which case, the 'margin-left' get all of available, remaining horizontal space.
|
|
box-sizing-010 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic width and height, h > max-height
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-011 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic width and height, w > max-width
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-012 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic width, h > max-height
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-013 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic height, w > max-width
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-014 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h > max-height
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-015 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-width
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-016 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic ratio, h > max-height
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-017 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic ratio, w > max-width
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-018 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-wdith and h > max-height and max-width/w ≤ 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.
|
|
c5524-height-002 |
|
Bitmaps |
height
|
|
float-non-replaced-width-007 |
= |
Ahem |
'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
- If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
float-non-replaced-width-008 |
= |
Ahem |
'shrink-to-fit' width of floating, non-replaced elements - max-width
- If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
float-non-replaced-width-009 |
= |
Ahem |
'shrink-to-fit' width of floating, non-replaced elements - max-width
- If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of a floating, non-replaced element is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
float-non-replaced-width-010 |
= |
Ahem |
'shrink-to-fit' width of floating, non-replaced elements - width
- If 'width' of a floating, non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' is specified with absolute length, then the computed value is the specified value. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses specified absolute length, then such specified absolute length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
float-non-replaced-width-011 |
= |
Ahem |
'shrink-to-fit' width of floating, non-replaced elements - inline-block and max-width
- If 'width' of a floating, non-replaced element computes to 'auto' or 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
float-non-replaced-width-012 |
= |
Ahem |
'shrink-to-fit' width of floating, non-replaced elements - max-width
- If 'width' of a floating non-replaced element computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation and such calculated width can be furthermore constrained, reduced by a max-width declaration.
|
|
inline-block-non-replaced-width-003 |
= |
Ahem |
'shrink-to-fit' width of inline-block non-replaced elements - max-width
- If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
inline-block-non-replaced-width-004 |
= |
Ahem |
'shrink-to-fit' width of inline-block non-replaced elements - max-width
- If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto', then the used value of 'width' is given by 'shrink-to-fit' width calculation. If 'width' of an inline-block, non-replaced element in normal flow is given by 'shrink-to-fit' width calculation, then such calculated width can be furthermore constrained, reduced by a max-width declaration. If 'width' of an inline-block, non-replaced element in normal flow computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
inline-replaced-height-010 |
= |
Bitmaps |
height - inline replaced element and max-width
- The height of an inline replaced element should be re-calculated based on its constrained width (constrained by computed 'max-width' value) and based its intrinsic ratio when it has an intrinsic ratio.
|
|
inline-replaced-height-011 |
= |
Bitmaps |
height - inline replaced element and min-width
- The height of an inline replaced element should be re-calculated based on its constrained width (constrained by computed 'min-width' value) and based its intrinsic ratio when it has an intrinsic ratio.
|
|
max-height-max-width-001 |
|
Ahem |
max-height and max-width - float and overflow
- Space taken up by the horizontal and vertical scrollbars should be taken out of (subtracted from the dimensions of) the containing block formed by the element with the scrollbars. In this test, assuming that the width of vertical scrollbar is 19px and assuming that the height of horizontal scrollbar is 19px, then the dimensions of the painted green area should be 181px by 181px. The height of horizontal scrollbar and the width of vertical scrollbar are entirely user-settable in most graphical user agents.
|
|
max-width-001 |
= |
Invalid |
Max-width using pixels with a minimum minus one value, -1px
- The 'max-width' property sets a minimum minus one length value in pixels.
|
|
max-width-002 |
= |
|
Max-width using pixels with a minimum value, 0px
- The 'max-width' property sets a minimum length value in pixels.
|
|
max-width-003 |
= |
|
Max-width using pixels with a minimum plus one value, 1px
- The 'max-width' property sets a minimum plus one length value in pixels.
|
|
max-width-004 |
= |
|
Max-width using pixels with a negative zero value, -0px
- The 'max-width' property sets a negative zero length value in pixels.
|
|
max-width-005 |
= |
|
Max-width using pixels with a positive zero value, +0px
- The 'max-width' property sets a positive zero length value in pixels.
|
|
max-width-006 |
= |
|
Max-width using pixels with a nominal value, 96px
- The 'max-width' property sets a nominal length value in pixels.
|
|
max-width-007 |
= |
|
Max-width using pixels with a positive nominal value, +96px
- The 'max-width' property sets a positive nominal length value in pixels.
|
|
max-width-012 |
= |
Invalid |
Max-width using points with a minimum minus one value, -1pt
- The 'max-width' property sets a minimum minus one length value in points.
|
|
max-width-013 |
= |
|
Max-width using points with a minimum value, 0pt
- The 'max-width' property sets a minimum length value in points.
|
|
max-width-014 |
|
|
Max-width using points with a minimum plus one value, 1pt
- The 'max-width' property sets a minimum plus one length value in points.
|
|
max-width-015 |
= |
|
Max-width using points with a negative zero value, -0pt
- The 'max-width' property sets a negative zero length value in points.
|
|
max-width-016 |
= |
|
Max-width using points with a positive zero value, +0pt
- The 'max-width' property sets a positive zero length value in points.
|
|
max-width-017 |
= |
|
Max-width using points with a nominal value, 72pt
- The 'max-width' property sets a nominal length value in points.
|
|
max-width-018 |
= |
|
Max-width using points with a positive nominal value, +72pt
- The 'max-width' property sets a positive nominal length value in points.
|
|
max-width-023 |
= |
Invalid |
Max-width using picas with a minimum minus one value, -1pc
- The 'max-width' property sets a minimum minus one length value in picas.
|
|
max-width-024 |
= |
|
Max-width using picas with a minimum value, 0pc
- The 'max-width' property sets a minimum length value in picas.
|
|
max-width-025 |
= |
|
Max-width using picas with a minimum plus one value, 1pc
- The 'max-width' property sets a minimum plus one length value in picas.
|
|
max-width-026 |
= |
|
Max-width using picas with a negative zero value, -0pc
- The 'max-width' property sets a negative zero length value in picas.
|
|
max-width-027 |
= |
|
Max-width using picas with a positive zero value, +0pc
- The 'max-width' property sets a positive zero length value in picas.
|
|
max-width-028 |
= |
|
Max-width using picas with a nominal value, 6pc
- The 'max-width' property sets a nominal length value in picas.
|
|
max-width-029 |
= |
|
Max-width using picas with a positive nominal value, +6pc
- The 'max-width' property sets a positive nominal length value in picas.
|
|
max-width-034 |
= |
Invalid |
Max-width using centimeters with a minimum minus one value, -1cm
- The 'max-width' property sets a minimum minus one length value in centimeters.
|
|
max-width-035 |
= |
|
Max-width using centimeters with a minimum value, 0cm
- The 'max-width' property sets a minimum length value in centimeters.
|
|
max-width-036 |
= |
|
Max-width using centimeters with a minimum plus one value, 1cm
- The 'max-width' property sets a minimum plus one length value in centimeters.
|
|
max-width-037 |
= |
|
Max-width using centimeters with a negative zero value, -0cm
- The 'max-width' property sets a negative zero length value in centimeters.
|
|
max-width-038 |
= |
|
Max-width using centimeters with a positive zero value, +0cm
- The 'max-width' property sets a positive zero length value in centimeters.
|
|
max-width-039 |
= |
|
Max-width using centimeters with a nominal value, 2.54cm
- The 'max-width' property sets a nominal length value in centimeters.
|
|
max-width-040 |
= |
|
Max-width using centimeters with a positive nominal value, +2.54cm
- The 'max-width' property sets a positive nominal length value in centimeters.
|
|
max-width-045 |
= |
Invalid |
Max-width using millimeters with a minimum minus one value, -1mm
- The 'max-width' property sets a minimum minus one length value in millimeters.
|
|
max-width-046 |
= |
|
Max-width using millimeters with a minimum value, 0mm
- The 'max-width' property sets a minimum length value in millimeters.
|
|
max-width-047 |
= |
|
Max-width using millimeters with a minimum plus one value, 1mm
- The 'max-width' property sets a minimum plus one length value in millimeters.
|
|
max-width-048 |
= |
|
Max-width using millimeters with a negative zero value, -0mm
- The 'max-width' property sets a negative zero length value in millimeters.
|
|
max-width-049 |
= |
|
Max-width using millimeters with a positive zero value, +0mm
- The 'max-width' property sets a positive zero length value in millimeters.
|
|
max-width-050 |
= |
|
Max-width using millimeters with a nominal value, 25.4mm
- The 'max-width' property sets a nominal length value in millimeters.
|
|
max-width-051 |
= |
|
Max-width using millimeters with a positive nominal value, +25.4mm
- The 'max-width' property sets a positive nominal length value in millimeters.
|
|
max-width-056 |
= |
Invalid |
Max-width using inches with a minimum minus one value, -1in
- The 'max-width' property sets a minimum minus one length value in inches.
|
|
max-width-057 |
= |
|
Max-width using inches with a minimum value, 0in
- The 'max-width' property sets a minimum length value in inches.
|
|
max-width-058 |
= |
|
Max-width using inches with a minimum plus one value, 1in
- The 'max-width' property sets a minimum plus one length value in inches.
|
|
max-width-059 |
= |
|
Max-width using inches with a negative zero value, -0in
- The 'max-width' property sets a negative zero length value in inches.
|
|
max-width-060 |
= |
|
Max-width using inches with a positive zero value, +0in
- The 'max-width' property sets a positive zero length value in inches.
|
|
max-width-061 |
= |
|
Max-width using inches with a nominal value, 3in
- The 'max-width' property sets a nominal length value in inches.
|
|
max-width-062 |
= |
|
Max-width using inches with a positive nominal value, +3in
- The 'max-width' property sets a positive nominal length value in inches.
|
|
max-width-067 |
= |
AhemInvalid |
Max-width using 'em' units with a minimum minus one value, -1em
- The 'max-width' property sets a minimum minus one length value in 'em' units.
|
|
max-width-068 |
= |
Ahem |
Max-width using 'em' units with a minimum value, 0em
- The 'max-width' property sets a minimum length value in 'em' units.
|
|
max-width-069 |
= |
Ahem |
Max-width using 'em' units with a minimum plus one value, 1em
- The 'max-width' property sets a minimum plus one length value in 'em' units.
|
|
max-width-070 |
= |
Ahem |
Max-width using 'em' units with a negative zero value, -0em
- The 'max-width' property sets a negative zero length value in 'em' units.
|
|
max-width-071 |
= |
Ahem |
Max-width using 'em' units with a positive zero value, +0em
- The 'max-width' property sets a positive zero length value in 'em' units.
|
|
max-width-072 |
= |
Ahem |
Max-width using 'em' units with a nominal value, 6em
- The 'max-width' property sets a nominal length value in 'em' units.
|
|
max-width-073 |
= |
Ahem |
Max-width using 'em' units with a positive nominal value, +6em
- The 'max-width' property sets a positive nominal length value in 'em' units.
|
|
max-width-078 |
= |
AhemInvalid |
Max-width using 'ex' units with a minimum minus one value, -1ex
- The 'max-width' property sets a minimum minus one length value in 'ex' units.
|
|
max-width-079 |
= |
Ahem |
Max-width using 'ex' units with a minimum value, 0ex
- The 'max-width' property sets a minimum length value in 'ex' units.
|
|
max-width-080 |
= |
Ahem |
Max-width using 'ex' units with a minimum plus one value, 1ex
- The 'max-width' property sets a minimum plus one length value in 'ex' units.
|
|
max-width-081 |
= |
Ahem |
Max-width using 'ex' units with a negative zero value, -0ex
- The 'max-width' property sets a negative zero length value in 'ex' units.
|
|
max-width-082 |
= |
Ahem |
Max-width using 'ex' units with a positive zero value, +0ex
- The 'max-width' property sets a positive zero length value in 'ex' units.
|
|
max-width-083 |
= |
Ahem |
Max-width using 'ex' units with a nominal value, 6ex
- The 'max-width' property sets a nominal length value in 'ex' units.
|
|
max-width-084 |
= |
Ahem |
Max-width using 'ex' units with a positive nominal value, +6ex
- The 'max-width' property sets a positive nominal length value in 'ex' units.
|
|
max-width-089 |
= |
Invalid |
Max-width using percentages with a minimum minus one value, -1%
- The 'max-width' property sets a minimum minus one length value in percentages.
|
|
max-width-090 |
= |
|
Max-width using percentages with a minimum value, 0%
- The 'max-width' property sets a minimum length value in percentages.
|
|
max-width-091 |
= |
|
Max-width using percentages with a minimum plus one value, 1%
- The 'max-width' property sets a minimum plus one length value in percentages.
|
|
max-width-092 |
= |
|
Max-width using percentages with a negative zero value, -0%
- The 'max-width' property sets a negative zero length value in percentages.
|
|
max-width-093 |
= |
|
Max-width using percentages with a positive zero value, +0%
- The 'max-width' property sets a positive zero length value in percentages.
|
|
max-width-094 |
= |
|
Max-width using percentages with a nominal value, 100%
- The 'max-width' property sets a nominal length value in percentages.
|
|
max-width-095 |
= |
|
Max-width using percentages with a positive nominal value, +100%
- The 'max-width' property sets a positive nominal length value in percentages.
|
|
max-width-100 |
= |
|
Max-width with a negative zero value and no units, -0
- The 'max-width' property sets a negative zero length value with no units.
|
|
max-width-101 |
= |
|
Max-width with a zero value and no units, 0
- The 'max-width' property sets a zero length value with no units.
|
|
max-width-102 |
= |
|
Max-width with a positive zero value and no units, +0
- The 'max-width' property sets a positive zero length value with no units.
|
|
max-width-103 |
= |
|
Max-width set to a value of 'none'
- The 'max-width' property applies a value of 'none'.
|
|
max-width-104 |
= |
|
Max-width set to 'inherit'
- The 'max-width' property set to 'inherit' properly inherits the max-width value of the parent.
|
|
max-width-105 |
= |
Ahem |
max-width - height and overflow
- 'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width.
|
|
max-width-106 |
= |
Ahem |
max-width - float and overflow
- 'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width. A floated box should not become wider than its declared max-width.
|
|
max-width-107 |
= |
Ahem |
max-width - height and overflow
- 'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width.
|
|
max-width-108 |
|
Ahem |
max-width - float and overflow
- 'max-width' specifies a fixed maximum used width. If the used width is greater than max-width, then the computed value of max-width is used as the computed value for width.
|
|
max-width-109 |
|
Bitmaps |
Max-width - replaced elements
- For UAs who choose to scale replaced elements, the height of that element (based on it's intrinsic ratio) should be re-calculated based on it's constraining 'max-width' value
|
|
max-width-110 |
= |
Bitmaps |
max-width - float and inline replaced element
- If 'height' and 'width' both have computed values of 'auto' and the element also has an intrinsic width, then such intrinsic width is the used value of 'width'. If 'width' of a floating, non-replaced element computes to 'auto' but its own child uses a constrained length resulting from a max-width declaration, then such constrained length will define the preferred width in 'shrink-to-fit' width calculation.
|
|
max-width-applies-to-001 |
= |
|
Max-width applied to elements with 'display' set to 'table-row-group'
- The 'max-width' property does not apply to elements with 'display' set to 'table-row-group'.
|
|
max-width-applies-to-002 |
= |
|
Max-width applied to elements with 'display' set to 'table-header-group'
- The 'max-width' property does not apply to elements with 'display' set to 'table-header-group'.
|
|
max-width-applies-to-003 |
= |
|
Max-width applied to elements with 'display' set to 'table-footer-group'
- The 'max-width' property does not apply to elements with 'display' set to 'table-footer-group'.
|
|
max-width-applies-to-004 |
= |
|
Max-width applied to elements with 'display' set to 'table-row'
- The 'max-width' property does not apply to elements with 'display' set to 'table-row'.
|
|
max-width-applies-to-005 |
= |
|
Max-width applied to elements with 'display' set to 'table-column-group'
- The 'max-width' property applies to elements with 'display' set to 'table-column-group'.
|
|
max-width-applies-to-006 |
= |
|
Max-width applied to elements with 'display' set to 'table-column'
- The 'max-width' property applies to elements with 'display' set to 'table-column'.
|
|
max-width-applies-to-007 |
= |
|
Max-width applied to elements with 'display' set to 'table-cell'
- The 'max-width' property applies to elements with 'display' set to 'table-cell'.
|
|
max-width-applies-to-008 |
= |
Ahem |
Max-width applied to elements with 'display' set to 'inline'
- The 'max-width' property does not apply to elements with 'display' set to 'inline'.
|
|
max-width-applies-to-009 |
= |
|
Max-width applied to elements with 'display' set to 'block'
- The 'max-width' property applies to elements with 'display' set to 'block'.
|
|
max-width-applies-to-010 |
|
|
Max-width applied to elements with 'display' set to 'list-item'
- The 'max-width' property applies to elements with 'display' set to 'list-item'.
|
|
max-width-applies-to-011 |
= |
|
Max-width applied to elements with 'display' set to 'run-in'
- The 'max-width' property applies to elements with 'display' set to 'run-in'.
|
|
max-width-applies-to-012 |
= |
|
Max-width applied to elements with 'display' set to 'inline-block'
- The 'max-width' property applies to elements with 'display' set to 'inline-block'.
|
|
max-width-applies-to-013 |
= |
|
Max-width applied to elements with 'display' set to 'table'
- The 'max-width' property applies to elements with 'display' set to 'table'.
|
|
max-width-applies-to-014 |
= |
|
Max-width applied to elements with 'display' set to 'inline-table'
- The 'max-width' property applies to elements with 'display' set to 'inline-table'.
|
|
max-width-applies-to-015 |
= |
|
Max-width applied to elements with 'display' set to 'table-caption'
- The 'max-width' property applies to elements with 'display' set to 'table-caption'.
|
|
max-width-applies-to-016 |
= |
|
Max-Width applied to none
- Max-Width can be declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion.
|
|
max-width-percentage-001 |
= |
|
Using percentages with 'max-width' relative to the containing block
- The percentage is calculated in relation to the containing block.
|
|
max-width-percentage-002 |
= |
|
Percentage based value for 'max-width' contained by box with a negative 'width'
- If the containing block's width is negative, the used value is zero.
|
|
max-width-percentage-003 |
|
|
Max-width in constrained situation
- If the containing block's width depends on this element's width, then the resulting layout is undefined.
|
|
min-width-001 |
= |
Invalid |
Min-width using pixels with a minimum minus one value, -1px
- The 'min-width' property sets a minimum minus one length value in pixels.
|
|
min-width-002 |
= |
|
Min-width using pixels with a minimum value, 0px
- The 'min-width' property sets a minimum length value in pixels.
|
|
min-width-003 |
= |
|
Min-width using pixels with a minimum plus one value, 1px
- The 'min-width' property sets a minimum plus one length value in pixels.
|
|
min-width-004 |
= |
|
Min-width using pixels with a negative zero value, -0px
- The 'min-width' property sets a negative zero length value in pixels.
|
|
min-width-005 |
= |
|
Min-width using pixels with a positive zero value, +0px
- The 'min-width' property sets a positive zero length value in pixels.
|
|
min-width-006 |
= |
|
Min-width using pixels with a nominal value, 96px
- The 'min-width' property sets a nominal length value in pixels.
|
|
min-width-007 |
= |
|
Min-width using pixels with a positive nominal value, +96px
- The 'min-width' property sets a positive nominal length value in pixels.
|
|
min-width-012 |
= |
Invalid |
Min-width using points with a minimum minus one value, -1pt
- The 'min-width' property sets a minimum minus one length value in points.
|
|
min-width-013 |
= |
|
Min-width using points with a minimum value, 0pt
- The 'min-width' property sets a minimum length value in points.
|
|
min-width-014 |
|
|
Min-width using points with a minimum plus one value, 1pt
- The 'min-width' property sets a minimum plus one length value in points.
|
|
min-width-015 |
= |
|
Min-width using points with a negative zero value, -0pt
- The 'min-width' property sets a negative zero length value in points.
|
|
min-width-016 |
= |
|
Min-width using points with a positive zero value, +0pt
- The 'min-width' property sets a positive zero length value in points.
|
|
min-width-017 |
= |
|
Min-width using points with a nominal value, 72pt
- The 'min-width' property sets a nominal length value in points.
|
|
min-width-018 |
= |
|
Min-width using points with a positive nominal value, +72pt
- The 'min-width' property sets a positive nominal length value in points.
|
|
min-width-023 |
= |
Invalid |
Min-width using picas with a minimum minus one value, -1pc
- The 'min-width' property sets a minimum minus one length value in picas.
|
|
min-width-024 |
= |
|
Min-width using picas with a minimum value, 0pc
- The 'min-width' property sets a minimum length value in picas.
|
|
min-width-025 |
= |
|
Min-width using picas with a minimum plus one value, 1pc
- The 'min-width' property sets a minimum plus one length value in picas.
|
|
min-width-026 |
= |
|
Min-width using picas with a negative zero value, -0pc
- The 'min-width' property sets a negative zero length value in picas.
|
|
min-width-027 |
= |
|
Min-width using picas with a positive zero value, +0pc
- The 'min-width' property sets a positive zero length value in picas.
|
|
min-width-028 |
= |
|
Min-width using picas with a nominal value, 6pc
- The 'min-width' property sets a nominal length value in picas.
|
|
min-width-029 |
= |
|
Min-width using picas with a positive nominal value, +6pc
- The 'min-width' property sets a positive nominal length value in picas.
|
|
min-width-034 |
= |
Invalid |
Min-width using centimeters with a minimum minus one value, -1cm
- The 'min-width' property sets a minimum minus one length value in centimeters.
|
|
min-width-035 |
= |
|
Min-width using centimeters with a minimum value, 0cm
- The 'min-width' property sets a minimum length value in centimeters.
|
|
min-width-036 |
= |
|
Min-width using centimeters with a minimum plus one value, 1cm
- The 'min-width' property sets a minimum plus one length value in centimeters.
|
|
min-width-037 |
= |
|
Min-width using centimeters with a negative zero value, -0cm
- The 'min-width' property sets a negative zero length value in centimeters.
|
|
min-width-038 |
= |
|
Min-width using centimeters with a positive zero value, +0cm
- The 'min-width' property sets a positive zero length value in centimeters.
|
|
min-width-039 |
= |
|
Min-width using centimeters with a nominal value, 2.54cm
- The 'min-width' property sets a nominal length value in centimeters.
|
|
min-width-040 |
= |
|
Min-width using centimeters with a positive nominal value, +2.54cm
- The 'min-width' property sets a positive nominal length value in centimeters.
|
|
min-width-045 |
= |
Invalid |
Min-width using millimeters with a minimum minus one value, -1mm
- The 'min-width' property sets a minimum minus one length value in millimeters.
|
|
min-width-046 |
= |
|
Min-width using millimeters with a minimum value, 0mm
- The 'min-width' property sets a minimum length value in millimeters.
|
|
min-width-047 |
= |
|
Min-width using millimeters with a minimum plus one value, 1mm
- The 'min-width' property sets a minimum plus one length value in millimeters.
|
|
min-width-048 |
= |
|
Min-width using millimeters with a negative zero value, -0mm
- The 'min-width' property sets a negative zero length value in millimeters.
|
|
min-width-049 |
= |
|
Min-width using millimeters with a positive zero value, +0mm
- The 'min-width' property sets a positive zero length value in millimeters.
|
|
min-width-050 |
= |
|
Min-width using millimeters with a nominal value, 25.4mm
- The 'min-width' property sets a nominal length value in millimeters.
|
|
min-width-051 |
= |
|
Min-width using millimeters with a positive nominal value, +25.4mm
- The 'min-width' property sets a positive nominal length value in millimeters.
|
|
min-width-056 |
= |
Invalid |
Min-width using inches with a minimum minus one value, -1in
- The 'min-width' property sets a minimum minus one length value in inches.
|
|
min-width-057 |
= |
|
Min-width using inches with a minimum value, 0in
- The 'min-width' property sets a minimum length value in inches.
|
|
min-width-058 |
= |
|
Min-width using inches with a minimum plus one value, 1in
- The 'min-width' property sets a minimum plus one length value in inches.
|
|
min-width-059 |
= |
|
Min-width using inches with a negative zero value, -0in
- The 'min-width' property sets a negative zero length value in inches.
|
|
min-width-060 |
= |
|
Min-width using inches with a positive zero value, +0in
- The 'min-width' property sets a positive zero length value in inches.
|
|
min-width-061 |
= |
|
Min-width using inches with a nominal value, 3in
- The 'min-width' property sets a nominal length value in inches.
|
|
min-width-062 |
= |
|
Min-width using inches with a positive nominal value, +3in
- The 'min-width' property sets a positive nominal length value in inches.
|
|
min-width-067 |
= |
AhemInvalid |
Min-width using 'em' units with a minimum minus one value, -1em
- The 'min-width' property sets a minimum minus one length value in 'em' units.
|
|
min-width-068 |
= |
Ahem |
Min-width using 'em' units with a minimum value, 0em
- The 'min-width' property sets a minimum length value in 'em' units.
|
|
min-width-069 |
= |
Ahem |
Min-width using 'em' units with a minimum plus one value, 1em
- The 'min-width' property sets a minimum plus one length value in 'em' units.
|
|
min-width-070 |
= |
Ahem |
Min-width using 'em' units with a negative zero value, -0em
- The 'min-width' property sets a negative zero length value in 'em' units.
|
|
min-width-071 |
= |
Ahem |
Min-width using 'em' units with a positive zero value, +0em
- The 'min-width' property sets a positive zero length value in 'em' units.
|
|
min-width-072 |
= |
Ahem |
Min-width using 'em' units with a nominal value, 6em
- The 'min-width' property sets a nominal length value in 'em' units.
|
|
min-width-073 |
= |
Ahem |
Min-width using 'em' units with a positive nominal value, +6em
- The 'min-width' property sets a positive nominal length value in 'em' units.
|
|
min-width-078 |
= |
AhemInvalid |
Min-width using 'ex' units with a minimum minus one value, -1ex
- The 'min-width' property sets a minimum minus one length value in 'ex' units.
|
|
min-width-079 |
= |
Ahem |
Min-width using 'ex' units with a minimum value, 0ex
- The 'min-width' property sets a minimum length value in 'ex' units.
|
|
min-width-080 |
= |
Ahem |
Min-width using 'ex' units with a minimum plus one value, 1ex
- The 'min-width' property sets a minimum plus one length value in 'ex' units.
|
|
min-width-081 |
= |
Ahem |
Min-width using 'ex' units with a negative zero value, -0ex
- The 'min-width' property sets a negative zero length value in 'ex' units.
|
|
min-width-082 |
= |
Ahem |
Min-width using 'ex' units with a positive zero value, +0ex
- The 'min-width' property sets a positive zero length value in 'ex' units.
|
|
min-width-083 |
= |
Ahem |
Min-width using 'ex' units with a nominal value, 6ex
- The 'min-width' property sets a nominal length value in 'ex' units.
|
|
min-width-084 |
= |
Ahem |
Min-width using 'ex' units with a positive nominal value, +6ex
- The 'min-width' property sets a positive nominal length value in 'ex' units.
|
|
min-width-089 |
= |
Invalid |
Min-width using percentages with a minimum minus one value, -1%
- The 'min-width' property sets a minimum minus one length value in percentages.
|
|
min-width-090 |
= |
|
Min-width using percentages with a minimum value, 0%
- The 'min-width' property sets a minimum length value in percentages.
|
|
min-width-091 |
= |
|
Min-width using percentages with a minimum plus one value, 1%
- The 'min-width' property sets a minimum plus one length value in percentages.
|
|
min-width-092 |
= |
|
Min-width using percentages with a negative zero value, -0%
- The 'min-width' property sets a negative zero length value in percentages.
|
|
min-width-093 |
= |
|
Min-width using percentages with a positive zero value, +0%
- The 'min-width' property sets a positive zero length value in percentages.
|
|
min-width-094 |
= |
|
Min-width using percentages with a nominal value, 100%
- The 'min-width' property sets a nominal length value in percentages.
|
|
min-width-095 |
= |
|
Min-width using percentages with a positive nominal value, +100%
- The 'min-width' property sets a positive nominal length value in percentages.
|
|
min-width-100 |
= |
|
Min-width with a negative zero value and no units, -0
- The 'min-width' property sets a negative zero length value with no units.
|
|
min-width-101 |
= |
|
Min-width with a zero value and no units, 0
- The 'min-width' property sets a zero length value with no units.
|
|
min-width-102 |
= |
|
Min-width with a positive zero value and no units, +0
- The 'min-width' property sets a positive zero length value with no units.
|
|
min-width-103 |
= |
|
Min-width set to inherit
- The 'min-width' property properly inherits the min-width value of the parent.
|
|
min-width-applies-to-001 |
= |
|
Min-width applied to elements with 'display' set to 'table-row-group'
- The 'min-width' property does not apply to elements with 'display' set to 'table-row-group'.
|
|
min-width-applies-to-002 |
= |
|
Min-width applied to elements with 'display' set to 'table-header-group'
- The 'min-width' property does not apply to elements with 'display' set to 'table-header-group'.
|
|
min-width-applies-to-003 |
= |
|
Min-width applied to elements with 'display' set to 'table-footer-group'
- The 'min-width' property does not apply to elements with 'display' set to 'table-footer-group'.
|
|
min-width-applies-to-004 |
= |
|
Min-width applied to elements with 'display' set to 'table-row'
- The 'min-width' property does not apply to elements with 'display' set to 'table-row'.
|
|
min-width-applies-to-005 |
= |
|
Min-width applied to elements with 'display' set to 'table-column-group'
- The 'min-width' property applies to elements with 'display' set to 'table-column-group'.
|
|
min-width-applies-to-006 |
= |
|
Min-width applied to elements with 'display' set to 'table-column'
- The 'min-width' property applies to elements with 'display' set to 'table-column'.
|
|
min-width-applies-to-007 |
= |
|
Min-width applied to elements with 'display' set to 'table-cell'
- The 'min-width' property applies to elements with 'display' set to 'table-cell'.
|
|
min-width-applies-to-008 |
= |
|
Min-width applied to elements with 'display' set to 'inline'
- The 'min-width' property does not apply to elements with 'display' set to 'inline'.
|
|
min-width-applies-to-009 |
= |
|
Min-width applied to elements with 'display' set to 'block'
- The 'min-width' property applies to elements with 'display' set to 'block'.
|
|
min-width-applies-to-010 |
|
|
Min-width applied to elements with 'display' set to 'list-item'
- The 'min-width' property applies to elements with 'display' set to 'list-item'.
|
|
min-width-applies-to-011 |
= |
|
Min-width applied to elements with 'display' set to 'run-in'
- The 'min-width' property applies to elements with 'display' set to 'run-in'.
|
|
min-width-applies-to-012 |
= |
|
Min-width applied to elements with 'display' set to 'inline-block'
- The 'min-width' property applies to elements with 'display' set to 'inline-block'.
|
|
min-width-applies-to-013 |
= |
|
Min-width applied to elements with 'display' set to 'table'
- The 'min-width' property applies to elements with 'display' set to 'table'.
|
|
min-width-applies-to-014 |
= |
|
Min-width applied to elements with 'display' set to 'inline-table'
- The 'min-width' property applies to elements with 'display' set to 'inline-table'.
|
|
min-width-applies-to-015 |
= |
|
Min-width applied to elements with 'display' set to 'table-caption'
- The 'min-width' property applies to elements with 'display' set to 'table-caption'.
|
|
min-width-applies-to-016 |
= |
|
Min-Width applied to none
- Min-Width can be declared onto 'display: none' elements but since 'display: none' declaration on an element does not generate a CSS box, then it won't have a rendering effect nor a visual formatting repercussion.
|
|
min-width-percentage-001 |
= |
|
Using percentages with 'min-width' relative to the containing block
- The percentage is calculated in relation to the containing block.
|
|
min-width-percentage-002 |
= |
|
Percentage based value for 'min-width' contained by box with a negative 'width'
- If the containing block's width is negative, the used value is zero.
|
|
min-width-percentage-003 |
|
|
Using 'min-width' with 'width' dependent on the containing block
- If the containing block's width depends on this element's width, then the resulting layout is undefined.
|
|
replaced-elements-all-auto |
= |
Recommend |
CSS 2.1 replaced element sizing
|
|
replaced-elements-height-20 |
= |
Recommend |
CSS 2.1 replaced element sizing
|
|
replaced-elements-max-height-20 |
= |
Recommend |
CSS 2.1 replaced element sizing
|
|
replaced-elements-max-width-40 |
= |
Recommend |
CSS 2.1 replaced element sizing
|
|
replaced-elements-min-height-20 |
= |
Recommend |
CSS 2.1 replaced element sizing
|
|
replaced-elements-min-height-40 |
= |
Recommend |
CSS 2.1 replaced element sizing
|
|
replaced-elements-min-width-40 |
= |
Recommend |
CSS 2.1 replaced element sizing
|
|
replaced-elements-min-width-80 |
= |
Recommend |
CSS 2.1 replaced element sizing
|
|
replaced-elements-width-40 |
= |
Recommend |
CSS 2.1 replaced element sizing
|
|
replaced-min-max-001 |
|
Bitmaps |
Min/Max Height and Width Constraints on Replaced Elements
|
|
max-width-001 |
= |
Invalid |
Max-width using pixels with a minimum minus one value, -1px
- The 'max-width' property sets a minimum minus one length value in pixels.
|
|
max-width-002 |
= |
|
Max-width using pixels with a minimum value, 0px
- The 'max-width' property sets a minimum length value in pixels.
|
|
max-width-003 |
= |
|
Max-width using pixels with a minimum plus one value, 1px
- The 'max-width' property sets a minimum plus one length value in pixels.
|
|
max-width-004 |
= |
|
Max-width using pixels with a negative zero value, -0px
- The 'max-width' property sets a negative zero length value in pixels.
|
|
max-width-005 |
= |
|
Max-width using pixels with a positive zero value, +0px
- The 'max-width' property sets a positive zero length value in pixels.
|
|
max-width-006 |
= |
|
Max-width using pixels with a nominal value, 96px
- The 'max-width' property sets a nominal length value in pixels.
|
|
max-width-007 |
= |
|
Max-width using pixels with a positive nominal value, +96px
- The 'max-width' property sets a positive nominal length value in pixels.
|
|
max-width-012 |
= |
Invalid |
Max-width using points with a minimum minus one value, -1pt
- The 'max-width' property sets a minimum minus one length value in points.
|
|
max-width-013 |
= |
|
Max-width using points with a minimum value, 0pt
- The 'max-width' property sets a minimum length value in points.
|
|
max-width-014 |
|
|
Max-width using points with a minimum plus one value, 1pt
- The 'max-width' property sets a minimum plus one length value in points.
|
|
max-width-015 |
= |
|
Max-width using points with a negative zero value, -0pt
- The 'max-width' property sets a negative zero length value in points.
|
|
max-width-016 |
= |
|
Max-width using points with a positive zero value, +0pt
- The 'max-width' property sets a positive zero length value in points.
|
|
max-width-017 |
= |
|
Max-width using points with a nominal value, 72pt
- The 'max-width' property sets a nominal length value in points.
|
|
max-width-018 |
= |
|
Max-width using points with a positive nominal value, +72pt
- The 'max-width' property sets a positive nominal length value in points.
|
|
max-width-023 |
= |
Invalid |
Max-width using picas with a minimum minus one value, -1pc
- The 'max-width' property sets a minimum minus one length value in picas.
|
|
max-width-024 |
= |
|
Max-width using picas with a minimum value, 0pc
- The 'max-width' property sets a minimum length value in picas.
|
|
max-width-025 |
= |
|
Max-width using picas with a minimum plus one value, 1pc
- The 'max-width' property sets a minimum plus one length value in picas.
|
|
max-width-026 |
= |
|
Max-width using picas with a negative zero value, -0pc
- The 'max-width' property sets a negative zero length value in picas.
|
|
max-width-027 |
= |
|
Max-width using picas with a positive zero value, +0pc
- The 'max-width' property sets a positive zero length value in picas.
|
|
max-width-028 |
= |
|
Max-width using picas with a nominal value, 6pc
- The 'max-width' property sets a nominal length value in picas.
|
|
max-width-029 |
= |
|
Max-width using picas with a positive nominal value, +6pc
- The 'max-width' property sets a positive nominal length value in picas.
|
|
max-width-034 |
= |
Invalid |
Max-width using centimeters with a minimum minus one value, -1cm
- The 'max-width' property sets a minimum minus one length value in centimeters.
|
|
max-width-035 |
= |
|
Max-width using centimeters with a minimum value, 0cm
- The 'max-width' property sets a minimum length value in centimeters.
|
|
max-width-036 |
= |
|
Max-width using centimeters with a minimum plus one value, 1cm
- The 'max-width' property sets a minimum plus one length value in centimeters.
|
|
max-width-037 |
= |
|
Max-width using centimeters with a negative zero value, -0cm
- The 'max-width' property sets a negative zero length value in centimeters.
|
|
max-width-038 |
= |
|
Max-width using centimeters with a positive zero value, +0cm
- The 'max-width' property sets a positive zero length value in centimeters.
|
|
max-width-039 |
= |
|
Max-width using centimeters with a nominal value, 2.54cm
- The 'max-width' property sets a nominal length value in centimeters.
|
|
max-width-040 |
= |
|
Max-width using centimeters with a positive nominal value, +2.54cm
- The 'max-width' property sets a positive nominal length value in centimeters.
|
|
max-width-045 |
= |
Invalid |
Max-width using millimeters with a minimum minus one value, -1mm
- The 'max-width' property sets a minimum minus one length value in millimeters.
|
|
max-width-046 |
= |
|
Max-width using millimeters with a minimum value, 0mm
- The 'max-width' property sets a minimum length value in millimeters.
|
|
max-width-047 |
= |
|
Max-width using millimeters with a minimum plus one value, 1mm
- The 'max-width' property sets a minimum plus one length value in millimeters.
|
|
max-width-048 |
= |
|
Max-width using millimeters with a negative zero value, -0mm
- The 'max-width' property sets a negative zero length value in millimeters.
|
|
max-width-049 |
= |
|
Max-width using millimeters with a positive zero value, +0mm
- The 'max-width' property sets a positive zero length value in millimeters.
|
|
max-width-050 |
= |
|
Max-width using millimeters with a nominal value, 25.4mm
- The 'max-width' property sets a nominal length value in millimeters.
|
|
max-width-051 |
= |
|
Max-width using millimeters with a positive nominal value, +25.4mm
- The 'max-width' property sets a positive nominal length value in millimeters.
|
|
max-width-056 |
= |
Invalid |
Max-width using inches with a minimum minus one value, -1in
- The 'max-width' property sets a minimum minus one length value in inches.
|
|
max-width-057 |
= |
|
Max-width using inches with a minimum value, 0in
- The 'max-width' property sets a minimum length value in inches.
|
|
max-width-058 |
= |
|
Max-width using inches with a minimum plus one value, 1in
- The 'max-width' property sets a minimum plus one length value in inches.
|
|
max-width-059 |
= |
|
Max-width using inches with a negative zero value, -0in
- The 'max-width' property sets a negative zero length value in inches.
|
|
max-width-060 |
= |
|
Max-width using inches with a positive zero value, +0in
- The 'max-width' property sets a positive zero length value in inches.
|
|
max-width-061 |
= |
|
Max-width using inches with a nominal value, 3in
- The 'max-width' property sets a nominal length value in inches.
|
|
max-width-062 |
= |
|
Max-width using inches with a positive nominal value, +3in
- The 'max-width' property sets a positive nominal length value in inches.
|
|
max-width-067 |
= |
AhemInvalid |
Max-width using 'em' units with a minimum minus one value, -1em
- The 'max-width' property sets a minimum minus one length value in 'em' units.
|
|
max-width-068 |
= |
Ahem |
Max-width using 'em' units with a minimum value, 0em
- The 'max-width' property sets a minimum length value in 'em' units.
|
|
max-width-069 |
= |
Ahem |
Max-width using 'em' units with a minimum plus one value, 1em
- The 'max-width' property sets a minimum plus one length value in 'em' units.
|
|
max-width-070 |
= |
Ahem |
Max-width using 'em' units with a negative zero value, -0em
- The 'max-width' property sets a negative zero length value in 'em' units.
|
|
max-width-071 |
= |
Ahem |
Max-width using 'em' units with a positive zero value, +0em
- The 'max-width' property sets a positive zero length value in 'em' units.
|
|
max-width-072 |
= |
Ahem |
Max-width using 'em' units with a nominal value, 6em
- The 'max-width' property sets a nominal length value in 'em' units.
|
|
max-width-073 |
= |
Ahem |
Max-width using 'em' units with a positive nominal value, +6em
- The 'max-width' property sets a positive nominal length value in 'em' units.
|
|
max-width-078 |
= |
AhemInvalid |
Max-width using 'ex' units with a minimum minus one value, -1ex
- The 'max-width' property sets a minimum minus one length value in 'ex' units.
|
|
max-width-079 |
= |
Ahem |
Max-width using 'ex' units with a minimum value, 0ex
- The 'max-width' property sets a minimum length value in 'ex' units.
|
|
max-width-080 |
= |
Ahem |
Max-width using 'ex' units with a minimum plus one value, 1ex
- The 'max-width' property sets a minimum plus one length value in 'ex' units.
|
|
max-width-081 |
= |
Ahem |
Max-width using 'ex' units with a negative zero value, -0ex
- The 'max-width' property sets a negative zero length value in 'ex' units.
|
|
max-width-082 |
= |
Ahem |
Max-width using 'ex' units with a positive zero value, +0ex
- The 'max-width' property sets a positive zero length value in 'ex' units.
|
|
max-width-083 |
= |
Ahem |
Max-width using 'ex' units with a nominal value, 6ex
- The 'max-width' property sets a nominal length value in 'ex' units.
|
|
max-width-084 |
= |
Ahem |
Max-width using 'ex' units with a positive nominal value, +6ex
- The 'max-width' property sets a positive nominal length value in 'ex' units.
|
|
max-width-089 |
= |
Invalid |
Max-width using percentages with a minimum minus one value, -1%
- The 'max-width' property sets a minimum minus one length value in percentages.
|
|
max-width-090 |
= |
|
Max-width using percentages with a minimum value, 0%
- The 'max-width' property sets a minimum length value in percentages.
|
|
max-width-091 |
= |
|
Max-width using percentages with a minimum plus one value, 1%
- The 'max-width' property sets a minimum plus one length value in percentages.
|
|
max-width-092 |
= |
|
Max-width using percentages with a negative zero value, -0%
- The 'max-width' property sets a negative zero length value in percentages.
|
|
max-width-093 |
= |
|
Max-width using percentages with a positive zero value, +0%
- The 'max-width' property sets a positive zero length value in percentages.
|
|
max-width-094 |
= |
|
Max-width using percentages with a nominal value, 100%
- The 'max-width' property sets a nominal length value in percentages.
|
|
max-width-095 |
= |
|
Max-width using percentages with a positive nominal value, +100%
- The 'max-width' property sets a positive nominal length value in percentages.
|
|
max-width-100 |
= |
|
Max-width with a negative zero value and no units, -0
- The 'max-width' property sets a negative zero length value with no units.
|
|
max-width-101 |
= |
|
Max-width with a zero value and no units, 0
- The 'max-width' property sets a zero length value with no units.
|
|
max-width-102 |
= |
|
Max-width with a positive zero value and no units, +0
- The 'max-width' property sets a positive zero length value with no units.
|
|
max-width-103 |
= |
|
Max-width set to a value of 'none'
- The 'max-width' property applies a value of 'none'.
|
|
max-width-104 |
= |
|
Max-width set to 'inherit'
- The 'max-width' property set to 'inherit' properly inherits the max-width value of the parent.
|
|
max-width-applies-to-001 |
= |
|
Max-width applied to elements with 'display' set to 'table-row-group'
- The 'max-width' property does not apply to elements with 'display' set to 'table-row-group'.
|
|
max-width-applies-to-002 |
= |
|
Max-width applied to elements with 'display' set to 'table-header-group'
- The 'max-width' property does not apply to elements with 'display' set to 'table-header-group'.
|
|
max-width-applies-to-003 |
= |
|
Max-width applied to elements with 'display' set to 'table-footer-group'
- The 'max-width' property does not apply to elements with 'display' set to 'table-footer-group'.
|
|
max-width-applies-to-004 |
= |
|
Max-width applied to elements with 'display' set to 'table-row'
- The 'max-width' property does not apply to elements with 'display' set to 'table-row'.
|
|
max-width-applies-to-005 |
= |
|
Max-width applied to elements with 'display' set to 'table-column-group'
- The 'max-width' property applies to elements with 'display' set to 'table-column-group'.
|
|
max-width-applies-to-006 |
= |
|
Max-width applied to elements with 'display' set to 'table-column'
- The 'max-width' property applies to elements with 'display' set to 'table-column'.
|
|
max-width-applies-to-007 |
= |
|
Max-width applied to elements with 'display' set to 'table-cell'
- The 'max-width' property applies to elements with 'display' set to 'table-cell'.
|
|
max-width-applies-to-008 |
= |
Ahem |
Max-width applied to elements with 'display' set to 'inline'
- The 'max-width' property does not apply to elements with 'display' set to 'inline'.
|
|
max-width-applies-to-009 |
= |
|
Max-width applied to elements with 'display' set to 'block'
- The 'max-width' property applies to elements with 'display' set to 'block'.
|
|
max-width-applies-to-010 |
|
|
Max-width applied to elements with 'display' set to 'list-item'
- The 'max-width' property applies to elements with 'display' set to 'list-item'.
|
|
max-width-applies-to-011 |
= |
|
Max-width applied to elements with 'display' set to 'run-in'
- The 'max-width' property applies to elements with 'display' set to 'run-in'.
|
|
max-width-applies-to-012 |
= |
|
Max-width applied to elements with 'display' set to 'inline-block'
- The 'max-width' property applies to elements with 'display' set to 'inline-block'.
|
|
max-width-applies-to-013 |
= |
|
Max-width applied to elements with 'display' set to 'table'
- The 'max-width' property applies to elements with 'display' set to 'table'.
|
|
max-width-applies-to-014 |
= |
|
Max-width applied to elements with 'display' set to 'inline-table'
- The 'max-width' property applies to elements with 'display' set to 'inline-table'.
|
|
max-width-applies-to-015 |
= |
|
Max-width applied to elements with 'display' set to 'table-caption'
- The 'max-width' property applies to elements with 'display' set to 'table-caption'.
|
|
min-width-001 |
= |
Invalid |
Min-width using pixels with a minimum minus one value, -1px
- The 'min-width' property sets a minimum minus one length value in pixels.
|
|
min-width-002 |
= |
|
Min-width using pixels with a minimum value, 0px
- The 'min-width' property sets a minimum length value in pixels.
|
|
min-width-003 |
= |
|
Min-width using pixels with a minimum plus one value, 1px
- The 'min-width' property sets a minimum plus one length value in pixels.
|
|
min-width-004 |
= |
|
Min-width using pixels with a negative zero value, -0px
- The 'min-width' property sets a negative zero length value in pixels.
|
|
min-width-005 |
= |
|
Min-width using pixels with a positive zero value, +0px
- The 'min-width' property sets a positive zero length value in pixels.
|
|
min-width-006 |
= |
|
Min-width using pixels with a nominal value, 96px
- The 'min-width' property sets a nominal length value in pixels.
|
|
min-width-007 |
= |
|
Min-width using pixels with a positive nominal value, +96px
- The 'min-width' property sets a positive nominal length value in pixels.
|
|
min-width-012 |
= |
Invalid |
Min-width using points with a minimum minus one value, -1pt
- The 'min-width' property sets a minimum minus one length value in points.
|
|
min-width-013 |
= |
|
Min-width using points with a minimum value, 0pt
- The 'min-width' property sets a minimum length value in points.
|
|
min-width-014 |
|
|
Min-width using points with a minimum plus one value, 1pt
- The 'min-width' property sets a minimum plus one length value in points.
|
|
min-width-015 |
= |
|
Min-width using points with a negative zero value, -0pt
- The 'min-width' property sets a negative zero length value in points.
|
|
min-width-016 |
= |
|
Min-width using points with a positive zero value, +0pt
- The 'min-width' property sets a positive zero length value in points.
|
|
min-width-017 |
= |
|
Min-width using points with a nominal value, 72pt
- The 'min-width' property sets a nominal length value in points.
|
|
min-width-018 |
= |
|
Min-width using points with a positive nominal value, +72pt
- The 'min-width' property sets a positive nominal length value in points.
|
|
min-width-023 |
= |
Invalid |
Min-width using picas with a minimum minus one value, -1pc
- The 'min-width' property sets a minimum minus one length value in picas.
|
|
min-width-024 |
= |
|
Min-width using picas with a minimum value, 0pc
- The 'min-width' property sets a minimum length value in picas.
|
|
min-width-025 |
= |
|
Min-width using picas with a minimum plus one value, 1pc
- The 'min-width' property sets a minimum plus one length value in picas.
|
|
min-width-026 |
= |
|
Min-width using picas with a negative zero value, -0pc
- The 'min-width' property sets a negative zero length value in picas.
|
|
min-width-027 |
= |
|
Min-width using picas with a positive zero value, +0pc
- The 'min-width' property sets a positive zero length value in picas.
|
|
min-width-028 |
= |
|
Min-width using picas with a nominal value, 6pc
- The 'min-width' property sets a nominal length value in picas.
|
|
min-width-029 |
= |
|
Min-width using picas with a positive nominal value, +6pc
- The 'min-width' property sets a positive nominal length value in picas.
|
|
min-width-034 |
= |
Invalid |
Min-width using centimeters with a minimum minus one value, -1cm
- The 'min-width' property sets a minimum minus one length value in centimeters.
|
|
min-width-035 |
= |
|
Min-width using centimeters with a minimum value, 0cm
- The 'min-width' property sets a minimum length value in centimeters.
|
|
min-width-036 |
= |
|
Min-width using centimeters with a minimum plus one value, 1cm
- The 'min-width' property sets a minimum plus one length value in centimeters.
|
|
min-width-037 |
= |
|
Min-width using centimeters with a negative zero value, -0cm
- The 'min-width' property sets a negative zero length value in centimeters.
|
|
min-width-038 |
= |
|
Min-width using centimeters with a positive zero value, +0cm
- The 'min-width' property sets a positive zero length value in centimeters.
|
|
min-width-039 |
= |
|
Min-width using centimeters with a nominal value, 2.54cm
- The 'min-width' property sets a nominal length value in centimeters.
|
|
min-width-040 |
= |
|
Min-width using centimeters with a positive nominal value, +2.54cm
- The 'min-width' property sets a positive nominal length value in centimeters.
|
|
min-width-045 |
= |
Invalid |
Min-width using millimeters with a minimum minus one value, -1mm
- The 'min-width' property sets a minimum minus one length value in millimeters.
|
|
min-width-046 |
= |
|
Min-width using millimeters with a minimum value, 0mm
- The 'min-width' property sets a minimum length value in millimeters.
|
|
min-width-047 |
= |
|
Min-width using millimeters with a minimum plus one value, 1mm
- The 'min-width' property sets a minimum plus one length value in millimeters.
|
|
min-width-048 |
= |
|
Min-width using millimeters with a negative zero value, -0mm
- The 'min-width' property sets a negative zero length value in millimeters.
|
|
min-width-049 |
= |
|
Min-width using millimeters with a positive zero value, +0mm
- The 'min-width' property sets a positive zero length value in millimeters.
|
|
min-width-050 |
= |
|
Min-width using millimeters with a nominal value, 25.4mm
- The 'min-width' property sets a nominal length value in millimeters.
|
|
min-width-051 |
= |
|
Min-width using millimeters with a positive nominal value, +25.4mm
- The 'min-width' property sets a positive nominal length value in millimeters.
|
|
min-width-056 |
= |
Invalid |
Min-width using inches with a minimum minus one value, -1in
- The 'min-width' property sets a minimum minus one length value in inches.
|
|
min-width-057 |
= |
|
Min-width using inches with a minimum value, 0in
- The 'min-width' property sets a minimum length value in inches.
|
|
min-width-058 |
= |
|
Min-width using inches with a minimum plus one value, 1in
- The 'min-width' property sets a minimum plus one length value in inches.
|
|
min-width-059 |
= |
|
Min-width using inches with a negative zero value, -0in
- The 'min-width' property sets a negative zero length value in inches.
|
|
min-width-060 |
= |
|
Min-width using inches with a positive zero value, +0in
- The 'min-width' property sets a positive zero length value in inches.
|
|
min-width-061 |
= |
|
Min-width using inches with a nominal value, 3in
- The 'min-width' property sets a nominal length value in inches.
|
|
min-width-062 |
= |
|
Min-width using inches with a positive nominal value, +3in
- The 'min-width' property sets a positive nominal length value in inches.
|
|
min-width-067 |
= |
AhemInvalid |
Min-width using 'em' units with a minimum minus one value, -1em
- The 'min-width' property sets a minimum minus one length value in 'em' units.
|
|
min-width-068 |
= |
Ahem |
Min-width using 'em' units with a minimum value, 0em
- The 'min-width' property sets a minimum length value in 'em' units.
|
|
min-width-069 |
= |
Ahem |
Min-width using 'em' units with a minimum plus one value, 1em
- The 'min-width' property sets a minimum plus one length value in 'em' units.
|
|
min-width-070 |
= |
Ahem |
Min-width using 'em' units with a negative zero value, -0em
- The 'min-width' property sets a negative zero length value in 'em' units.
|
|
min-width-071 |
= |
Ahem |
Min-width using 'em' units with a positive zero value, +0em
- The 'min-width' property sets a positive zero length value in 'em' units.
|
|
min-width-072 |
= |
Ahem |
Min-width using 'em' units with a nominal value, 6em
- The 'min-width' property sets a nominal length value in 'em' units.
|
|
min-width-073 |
= |
Ahem |
Min-width using 'em' units with a positive nominal value, +6em
- The 'min-width' property sets a positive nominal length value in 'em' units.
|
|
min-width-078 |
= |
AhemInvalid |
Min-width using 'ex' units with a minimum minus one value, -1ex
- The 'min-width' property sets a minimum minus one length value in 'ex' units.
|
|
min-width-079 |
= |
Ahem |
Min-width using 'ex' units with a minimum value, 0ex
- The 'min-width' property sets a minimum length value in 'ex' units.
|
|
min-width-080 |
= |
Ahem |
Min-width using 'ex' units with a minimum plus one value, 1ex
- The 'min-width' property sets a minimum plus one length value in 'ex' units.
|
|
min-width-081 |
= |
Ahem |
Min-width using 'ex' units with a negative zero value, -0ex
- The 'min-width' property sets a negative zero length value in 'ex' units.
|
|
min-width-082 |
= |
Ahem |
Min-width using 'ex' units with a positive zero value, +0ex
- The 'min-width' property sets a positive zero length value in 'ex' units.
|
|
min-width-083 |
= |
Ahem |
Min-width using 'ex' units with a nominal value, 6ex
- The 'min-width' property sets a nominal length value in 'ex' units.
|
|
min-width-084 |
= |
Ahem |
Min-width using 'ex' units with a positive nominal value, +6ex
- The 'min-width' property sets a positive nominal length value in 'ex' units.
|
|
min-width-089 |
= |
Invalid |
Min-width using percentages with a minimum minus one value, -1%
- The 'min-width' property sets a minimum minus one length value in percentages.
|
|
min-width-090 |
= |
|
Min-width using percentages with a minimum value, 0%
- The 'min-width' property sets a minimum length value in percentages.
|
|
min-width-091 |
= |
|
Min-width using percentages with a minimum plus one value, 1%
- The 'min-width' property sets a minimum plus one length value in percentages.
|
|
min-width-092 |
= |
|
Min-width using percentages with a negative zero value, -0%
- The 'min-width' property sets a negative zero length value in percentages.
|
|
min-width-093 |
= |
|
Min-width using percentages with a positive zero value, +0%
- The 'min-width' property sets a positive zero length value in percentages.
|
|
min-width-094 |
= |
|
Min-width using percentages with a nominal value, 100%
- The 'min-width' property sets a nominal length value in percentages.
|
|
min-width-095 |
= |
|
Min-width using percentages with a positive nominal value, +100%
- The 'min-width' property sets a positive nominal length value in percentages.
|
|
min-width-100 |
= |
|
Min-width with a negative zero value and no units, -0
- The 'min-width' property sets a negative zero length value with no units.
|
|
min-width-101 |
= |
|
Min-width with a zero value and no units, 0
- The 'min-width' property sets a zero length value with no units.
|
|
min-width-102 |
= |
|
Min-width with a positive zero value and no units, +0
- The 'min-width' property sets a positive zero length value with no units.
|
|
min-width-103 |
= |
|
Min-width set to inherit
- The 'min-width' property properly inherits the min-width value of the parent.
|
|
min-width-applies-to-001 |
= |
|
Min-width applied to elements with 'display' set to 'table-row-group'
- The 'min-width' property does not apply to elements with 'display' set to 'table-row-group'.
|
|
min-width-applies-to-002 |
= |
|
Min-width applied to elements with 'display' set to 'table-header-group'
- The 'min-width' property does not apply to elements with 'display' set to 'table-header-group'.
|
|
min-width-applies-to-003 |
= |
|
Min-width applied to elements with 'display' set to 'table-footer-group'
- The 'min-width' property does not apply to elements with 'display' set to 'table-footer-group'.
|
|
min-width-applies-to-004 |
= |
|
Min-width applied to elements with 'display' set to 'table-row'
- The 'min-width' property does not apply to elements with 'display' set to 'table-row'.
|
|
min-width-applies-to-005 |
= |
|
Min-width applied to elements with 'display' set to 'table-column-group'
- The 'min-width' property applies to elements with 'display' set to 'table-column-group'.
|
|
min-width-applies-to-006 |
= |
|
Min-width applied to elements with 'display' set to 'table-column'
- The 'min-width' property applies to elements with 'display' set to 'table-column'.
|
|
min-width-applies-to-007 |
= |
|
Min-width applied to elements with 'display' set to 'table-cell'
- The 'min-width' property applies to elements with 'display' set to 'table-cell'.
|
|
min-width-applies-to-008 |
= |
|
Min-width applied to elements with 'display' set to 'inline'
- The 'min-width' property does not apply to elements with 'display' set to 'inline'.
|
|
min-width-applies-to-009 |
= |
|
Min-width applied to elements with 'display' set to 'block'
- The 'min-width' property applies to elements with 'display' set to 'block'.
|
|
min-width-applies-to-010 |
|
|
Min-width applied to elements with 'display' set to 'list-item'
- The 'min-width' property applies to elements with 'display' set to 'list-item'.
|
|
min-width-applies-to-011 |
= |
|
Min-width applied to elements with 'display' set to 'run-in'
- The 'min-width' property applies to elements with 'display' set to 'run-in'.
|
|
min-width-applies-to-012 |
= |
|
Min-width applied to elements with 'display' set to 'inline-block'
- The 'min-width' property applies to elements with 'display' set to 'inline-block'.
|
|
min-width-applies-to-013 |
= |
|
Min-width applied to elements with 'display' set to 'table'
- The 'min-width' property applies to elements with 'display' set to 'table'.
|
|
min-width-applies-to-014 |
= |
|
Min-width applied to elements with 'display' set to 'inline-table'
- The 'min-width' property applies to elements with 'display' set to 'inline-table'.
|
|
min-width-applies-to-015 |
= |
|
Min-width applied to elements with 'display' set to 'table-caption'
- The 'min-width' property applies to elements with 'display' set to 'table-caption'.
|
|
+
10.5 Content height: the 'height' property |
|
abspos-zero-width-001 |
|
Bitmaps |
Absolute positioned elements still affect scrolling mechanism
- Zero width absolute positioned elements still affects scrolling mechanism even though they are out of flow of the content.
|
|
anonymous-boxes-001 |
= |
|
Percent heights inside anonymous blocks
- Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest non-anonymous ancestor box is used instead.
|
|
anonymous-boxes-001a |
= |
AhemBitmaps |
Percent height inside anonymous block
- Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest non-anonymous ancestor box is used instead.
|
|
anonymous-boxes-001b |
= |
Ahem |
Percent height inside anonymous block
- Anonymous block boxes are ignored when resolving percentage values that would refer to it: the closest non-anonymous ancestor box is used instead.
|
|
c5524-height-000 |
|
Bitmaps |
height
|
|
c5524-height-001 |
|
Bitmaps |
height
|
|
c5524-height-002 |
|
Bitmaps |
height
|
|
height-001 |
= |
Invalid |
Height using pixels with a minimum minus one value, -1px
- The 'height' property sets a minimum minus one length value in pixels is invalid and resets its value to 'auto'.
|
|
height-002 |
= |
|
Height using pixels with a minimum value, 0px
- The 'height' property sets a minimum length value in pixels.
|
|
height-003 |
= |
|
Height using pixels with a minimum plus one value, 1px
- The 'height' property sets a minimum plus one length value in pixels.
|
|
height-004 |
= |
|
Height using pixels with a negative zero value, -0px
- The 'height' property sets a negative zero length value in pixels.
|
|
height-005 |
= |
|
Height using pixels with a positive zero value, +0px
- The 'height' property sets a positive zero length value in pixels.
|
|
height-006 |
= |
|
Height using pixels with a nominal value, 96px
- The 'height' property sets a nominal length value in pixels.
|
|
height-007 |
= |
|
Height using pixels with a positive nominal value, +96px
- The 'height' property sets a positive nominal length value in pixels.
|
|
height-012 |
= |
Invalid |
Height using points with a minimum minus one value, -1pt
- The 'height' property sets a minimum minus one length value in points is invalid and resets its value to 'auto'.
|
|
height-013 |
= |
|
Height using points with a minimum value, 0pt
- The 'height' property sets a minimum length value in points.
|
|
height-014 |
|
|
Height using points with a minimum plus one value, 1pt
- The 'height' property sets a minimum plus one length value in points.
|
|
height-015 |
= |
|
Height using points with a negative zero value, -0pt
- The 'height' property sets a negative zero length value in points.
|
|
height-016 |
= |
|
Height using points with a positive zero value, +0pt
- The 'height' property sets a positive zero length value in points.
|
|
height-017 |
= |
|
Height using points with a nominal value, 72pt
- The 'height' property sets a nominal length value in points.
|
|
height-018 |
= |
|
Height using points with a positive nominal value, +72pt
- The 'height' property sets a positive nominal length value in points.
|
|
height-023 |
= |
Invalid |
Height using picas with a minimum minus one value, -1pc
- The 'height' property sets a minimum minus one length value in picas is invalid and resets its value to 'auto'.
|
|
height-024 |
= |
|
Height using picas with a minimum value, 0pc
- The 'height' property sets a minimum length value in picas.
|
|
height-025 |
= |
|
Height using picas with a minimum plus one value, 1pc
- The 'height' property sets a minimum plus one length value in picas.
|
|
height-026 |
= |
|
Height using picas with a negative zero value, -0pc
- The 'height' property sets a negative zero length value in picas.
|
|
height-027 |
= |
|
Height using picas with a positive zero value, +0pc
- The 'height' property sets a positive zero length value in picas.
|
|
height-028 |
= |
|
Height using picas with a nominal value, 6pc
- The 'height' property sets a nominal length value in picas.
|
|
height-029 |
= |
|
Height using picas with a positive nominal value, +6pc
- The 'height' property sets a positive nominal length value in picas.
|
|
height-034 |
= |
Invalid |
Height using centimeters with a minimum minus one value, -1cm
- The 'height' property sets a minimum minus one length value in centimeters is invalid and resets its value to 'auto'.
|
|
height-035 |
= |
|
Height using centimeters with a minimum value, 0cm
- The 'height' property sets a minimum length value in centimeters.
|
|
height-036 |
|
|
Height using centimeters with a minimum plus one value, 1cm
- The 'height' property sets a minimum plus one length value in centimeters.
|
|
height-037 |
= |
|
Height using centimeters with a negative zero value, -0cm
- The 'height' property sets a negative zero length value in centimeters.
|
|
height-038 |
= |
|
Height using centimeters with a positive zero value, +0cm
- The 'height' property sets a positive zero length value in centimeters.
|
|
height-039 |
= |
|
Height using centimeters with a nominal value, 2.54cm
- The 'height' property sets a nominal length value in centimeters.
|
|
height-040 |
= |
|
Height using centimeters with a positive nominal value, +2.54cm
- The 'height' property sets a positive nominal length value in centimeters.
|
|
height-045 |
= |
Invalid |
Height using millimeters with a minimum minus one value, -1mm
- The 'height' property sets a minimum minus one length value in millimeters is invalid and resets its value to 'auto'.
|
|
height-046 |
= |
|
Height using millimeters with a minimum value, 0mm
- The 'height' property sets a minimum length value in millimeters.
|
|
height-047 |
|
|
Height using millimeters with a minimum plus one value, 1mm
- The 'height' property sets a minimum plus one length value in millimeters.
|
|
height-048 |
= |
|
Height using millimeters with a negative zero value, -0mm
- The 'height' property sets a negative zero length value in millimeters.
|
|
height-049 |
= |
|
Height using millimeters with a positive zero value, +0mm
- The 'height' property sets a positive zero length value in millimeters.
|
|
height-050 |
= |
|
Height using millimeters with a nominal value, 25.4mm
- The 'height' property sets a nominal length value in millimeters.
|
|
height-051 |
= |
|
Height using millimeters with a positive nominal value, +25.4mm
- The 'height' property sets a positive nominal length value in millimeters.
|
|
height-056 |
= |
Invalid |
Height using inches with a minimum minus one value, -1in
- The 'height' property sets a minimum minus one length value in inches is invalid and resets its value to 'auto'.
|
|
height-057 |
= |
|
Height using inches with a minimum value, 0in
- The 'height' property sets a minimum length value in inches.
|
|
height-058 |
= |
|
Height using inches with a minimum plus one value, 1in
- The 'height' property sets a minimum plus one length value in inches.
|
|
height-059 |
= |
|
Height using inches with a negative zero value, -0in
- The 'height' property sets a negative zero length value in inches.
|
|
height-060 |
= |
|
Height using inches with a positive zero value, +0in
- The 'height' property sets a positive zero length value in inches.
|
|
height-061 |
= |
|
Height using inches with a nominal value, 3in
- The 'height' property sets a nominal length value in inches.
|
|
height-062 |
= |
|
Height using inches with a positive nominal value, +3in
- The 'height' property sets a positive nominal length value in inches.
|
|
height-067 |
= |
AhemInvalid |
Height using 'em' units with a minimum minus one value, -1em
- The 'height' property sets a minimum minus one length value in 'em' units is invalid and resets its value to 'auto'.
|
|
height-068 |
= |
Ahem |
Height using 'em' units with a minimum value, 0em
- The 'height' property sets a minimum length value in 'em' units.
|
|
height-069 |
= |
Ahem |
Height using 'em' units with a minimum plus one value, 1em
- The 'height' property sets a minimum plus one length value in 'em' units.
|
|
height-070 |
= |
Ahem |
Height using 'em' units with a negative zero value, -0em
- The 'height' property sets a negative zero length value in 'em' units.
|
|
height-071 |
= |
Ahem |
Height using 'em' units with a positive zero value, +0em
- The 'height' property sets a positive zero length value in 'em' units.
|
|
height-072 |
= |
Ahem |
Height using 'em' units with a nominal value, 5em
- The 'height' property sets a nominal length value in 'em' units.
|
|
height-073 |
= |
Ahem |
Height using 'em' units with a positive nominal value, +5em
- The 'height' property sets a positive nominal length value in 'em' units.
|
|
height-078 |
= |
AhemInvalid |
Height using 'ex' units with a minimum minus one value, -1ex
- The 'height' property sets a minimum minus one length value in 'ex' units is invalid and resets its value to 'auto'.
|
|
height-079 |
= |
Ahem |
Height using 'ex' units with a minimum value, 0ex
- The 'height' property sets a minimum length value in 'ex' units.
|
|
height-080 |
= |
Ahem |
Height using 'ex' units with a minimum plus one value, 1ex
- The 'height' property sets a minimum plus one length value in 'ex' units.
|
|
height-081 |
= |
Ahem |
Height using 'ex' units with a negative zero value, -0ex
- The 'height' property sets a negative zero length value in 'ex' units.
|
|
height-082 |
= |
Ahem |
Height using 'ex' units with a positive zero value, +0ex
- The 'height' property sets a positive zero length value in 'ex' units.
|
|
height-083 |
= |
Ahem |
Height using 'ex' units with a nominal value, 6ex
- The 'height' property sets a nominal length value in 'ex' units.
|
|
height-084 |
= |
Ahem |
Height using 'ex' units with a positive nominal value, +6ex
- The 'height' property sets a positive nominal length value in 'ex' units.
|
|
height-089 |
= |
Invalid |
Height using percentages with a minimum minus one value, -1%
- The 'height' property sets a minimum minus one length value in percentages is invalid and resets its value to 'auto'.
|
|
height-090 |
= |
|
Height using percentages with a minimum value, 0%
- The 'height' property sets a minimum length value in percentages.
|
|
height-091 |
= |
|
Height using percentages with a minimum plus one value, 1%
- The 'height' property sets a minimum plus one length value in percentages.
|
|
height-092 |
= |
|
Height using percentages with a negative zero value, -0%
- The 'height' property sets a negative zero length value in percentages.
|
|
height-093 |
= |
|
Height using percentages with a positive zero value, +0%
- The 'height' property sets a positive zero length value in percentages.
|
|
height-094 |
= |
|
Height using percentages with a nominal value, 100%
- The 'height' property sets a nominal length value in percentages.
|
|
height-095 |
= |
|
Height using percentages with a positive nominal value, +100%
- The 'height' property sets a positive nominal length value in percentages.
|
|
height-100 |
= |
|
Height with a negative zero value and no units, -0
- The 'height' property sets a negative zero length value with no units.
|
|
height-101 |
= |
|
Height with a zero value and no units, 0
- The 'height' property sets a zero length value with no units.
|
|
height-102 |
= |
|
Height with a positive zero value and no units, +0
- The 'height' property sets a positive zero length value with no units.
|
|
height-103 |
= |
|
Height set to a value of auto
- The 'height' property applies a value of auto.
|
|
height-104 |
= |
|
Height set to inherit
- The 'height' property properly inherits the height value of the parent.
|
|
height-111 |
= |
|
Nested heights
|
|
height-112 |
= |
|
Nested heights
|
|
height-113 |
= |
|
Nested heights with percentages and borders
|
|
height-114 |
= |
|
Negative heights
|
|
height-applies-to-001 |
|
Optional |
Height applied to elements with 'display' set to 'table-row-group'
- The 'height' property applies to elements with 'display' set to 'table-row-group'.
|
|
height-applies-to-002 |
|
Optional |
Height applied to elements with 'display' set to 'table-header-group'
- The 'height' property applies to elements with 'display' set to 'table-header-group'.
|
|
height-applies-to-003 |
|
Optional |
Height applied to elements with 'display' set to 'table-footer-group'
- The 'height' property applies to elements with 'display' set to 'table-footer-group'.
|
|
height-applies-to-004 |
= |
|
Height applied to elements with 'display' set to 'table-row'
- The 'height' property applies to elements with 'display' set to 'table-row'.
|
|
height-applies-to-005 |
= |
|
Height applied to elements with 'display' set to 'table-column-group'
- The 'height' property does not to elements with 'display' set to 'table-column-group'.
|
|
height-applies-to-006 |
= |
|
Height applied to elements with 'display' set to 'table-column'
- The 'height' property does not to elements with 'display' set to 'table-column'.
|
|
height-applies-to-007 |
= |
|
Height applied to elements with 'display' set to 'table-cell'
- The 'height' property applies to elements with 'display' set to 'table-cell'.
|
|
height-applies-to-008 |
= |
|
Height applied to elements with 'display' set to 'inline'
- The 'height' property does not apply to elements with 'display' set to 'inline'.
|
|
height-applies-to-009 |
= |
|
Height applied to elements with 'display' set to 'block'
- The 'height' property applies to elements with 'display' set to 'block'.
|
|
height-applies-to-010 |
|
|
Height applied to elements with 'display' set to 'list-item'
- The 'height' property applies to elements with 'display' set to 'list-item'.
|
|
height-applies-to-010a |
= |
|
height set to 0 to elements with 'display' set to 'list-item'
- If height of content exceeds the set height of a block-level non-replaced element in normal flow (like a list-item element such as in this test), then the content should overflow according to the 'overflow' property.
|
|
height-applies-to-011 |
= |
|
Height applied to elements with 'display' set to 'run-in'
- The 'height' property applies to elements with 'display' set to 'run-in'.
|
|
height-applies-to-012 |
= |
|
Height applied to elements with 'display' set to 'inline-block'
- The 'height' property applies to elements with 'display' set to 'inline-block'.
|
|
height-applies-to-013 |
= |
|
Height applied to elements with 'display' set to 'table'
- The 'height' property applies to elements with 'display' set to 'table'.
|
|
height-applies-to-014 |
= |
|
Height applied to elements with 'display' set to 'inline-table'
- The 'height' property applies to elements with 'display' set to 'inline-table'.
|
|
height-applies-to-015 |
= |
|
Height applied to elements with 'display' set to 'table-caption'
- The 'height' property applies to elements with 'display' set to 'table-caption'.
|
|
height-applies-to-016 |
= |
|
Height applied to elements set to 'display: none'
- Height can be applied to 'display: none' elements.
|
|
height-percentage-001 |
= |
|
Percentage height computed to containing block
- A percentage height is calculated using the height of the containing block.
|
|
height-percentage-002 |
= |
|
Percentage based 'height' computes to 'auto' when containing block has no specified height
- A percentage height is computed to 'auto' when the element is not absolutely positioned and there is no 'height' explicitly set on the containing block (or when the containing block's height is set to 'auto').
|
|
height-percentage-003 |
= |
|
Percentage based 'height' on the root element
- A percentage 'height' on the root element is relative to the initial containing block.
|
|
height-percentage-003a |
= |
|
Height percentage - 100% of the initial containing block's height
- The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'height: 100%' of the document root element should use all of the document root element's height.
|
|
height-percentage-004 |
= |
|
Resolving container heights when they contain absolutely positioned elements with percentage based heights
- The 'height' of the containing block of an absolutely positioned element is independent of the size of the element itself.
|
|
height-percentage-005 |
= |
Bitmaps |
height percentage - inline replaced element inside an auto-height container
- This test checks that an height percentage is calculated with respect to the height of the generated box's containing block only if and only when such containing block's height is specified explicitly (i.e., it depends on content height; its specified height is not 'auto'). In this test, the div#parent has an 'auto' height; therefore the height percentage specified on div#child is treated as 'auto' and so the image should be rendered (entirely visible) inside that div#child. Note that div#grandparent's initial overflow value is 'visible'.
|
|
min-height-percentage-003 |
= |
|
min-height - 100% of the initial containing block's height
- The initial containing block has the dimensions of the viewport. A percentage height on the root element is relative to the initial containing block. A 'min-height: 100%;' of the document root element should use all of the document root element's height. A percentage for 'min-height' is calculated with respect to the height of the generated box's containing block.
|
|
multicol-height-002 |
= |
|
Percentage Computed Height on Multicol Child (Definite Multicol Height)
- Percentage heights with a multi-column element are relative to the computed height of the multicolumn box, and this works even when the multi-column element is paginated.
|
|
page-break-inside-000 |
|
Paged |
page-break-inside:auto
- The 'auto' value of the 'page-break-inside' property neither forces nor forbids a page break inside the box.
|
|
page-container-000 |
|
Paged |
Paged Media root container
- For a single-page document, the containing box for the root element is the page area.
|
|
page-container-002 |
|
Paged |
paged media root percent height
- A percentage height on the root element is relative to the page area height.
|
|
page-container-004 |
|
OptionalPaged |
Paged Media root container (float)
- The root element when floated abuts the left or right edge of the page area.
|
|
page-container-010 |
|
Paged |
Paged Media Height (percent)
- For HTML documents in paged media, when the HTML and BODY elements have heights of 100%, a percentage height on a child of BODY is relative to the page area height.
|
|
top-115 |
= |
|
position relative - top offset percentage and auto-height containing block
- 'top: [percentage]' for a relatively positioned box refers to height of its containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, then the percentage height value computes to 'auto'.
|
|
height-001 |
= |
Invalid |
Height using pixels with a minimum minus one value, -1px
- The 'height' property sets a minimum minus one length value in pixels is invalid and resets its value to 'auto'.
|
|
height-002 |
= |
|
Height using pixels with a minimum value, 0px
- The 'height' property sets a minimum length value in pixels.
|
|
height-003 |
= |
|
Height using pixels with a minimum plus one value, 1px
- The 'height' property sets a minimum plus one length value in pixels.
|
|
height-004 |
= |
|
Height using pixels with a negative zero value, -0px
- The 'height' property sets a negative zero length value in pixels.
|
|
height-005 |
= |
|
Height using pixels with a positive zero value, +0px
- The 'height' property sets a positive zero length value in pixels.
|
|
height-006 |
= |
|
Height using pixels with a nominal value, 96px
- The 'height' property sets a nominal length value in pixels.
|
|
height-007 |
= |
|
Height using pixels with a positive nominal value, +96px
- The 'height' property sets a positive nominal length value in pixels.
|
|
height-012 |
= |
Invalid |
Height using points with a minimum minus one value, -1pt
- The 'height' property sets a minimum minus one length value in points is invalid and resets its value to 'auto'.
|
|
height-013 |
= |
|
Height using points with a minimum value, 0pt
- The 'height' property sets a minimum length value in points.
|
|
height-014 |
|
|
Height using points with a minimum plus one value, 1pt
- The 'height' property sets a minimum plus one length value in points.
|
|
height-015 |
= |
|
Height using points with a negative zero value, -0pt
- The 'height' property sets a negative zero length value in points.
|
|
height-016 |
= |
|
Height using points with a positive zero value, +0pt
- The 'height' property sets a positive zero length value in points.
|
|
height-017 |
= |
|
Height using points with a nominal value, 72pt
- The 'height' property sets a nominal length value in points.
|
|
height-018 |
= |
|
Height using points with a positive nominal value, +72pt
- The 'height' property sets a positive nominal length value in points.
|
|
height-023 |
= |
Invalid |
Height using picas with a minimum minus one value, -1pc
- The 'height' property sets a minimum minus one length value in picas is invalid and resets its value to 'auto'.
|
|
height-024 |
= |
|
Height using picas with a minimum value, 0pc
- The 'height' property sets a minimum length value in picas.
|
|
height-025 |
= |
|
Height using picas with a minimum plus one value, 1pc
- The 'height' property sets a minimum plus one length value in picas.
|
|
height-026 |
= |
|
Height using picas with a negative zero value, -0pc
- The 'height' property sets a negative zero length value in picas.
|
|
height-027 |
= |
|
Height using picas with a positive zero value, +0pc
- The 'height' property sets a positive zero length value in picas.
|
|
height-028 |
= |
|
Height using picas with a nominal value, 6pc
- The 'height' property sets a nominal length value in picas.
|
|
height-029 |
= |
|
Height using picas with a positive nominal value, +6pc
- The 'height' property sets a positive nominal length value in picas.
|
|
height-034 |
= |
Invalid |
Height using centimeters with a minimum minus one value, -1cm
- The 'height' property sets a minimum minus one length value in centimeters is invalid and resets its value to 'auto'.
|
|
height-035 |
= |
|
Height using centimeters with a minimum value, 0cm
- The 'height' property sets a minimum length value in centimeters.
|
|
height-036 |
|
|
Height using centimeters with a minimum plus one value, 1cm
- The 'height' property sets a minimum plus one length value in centimeters.
|
|
height-037 |
= |
|
Height using centimeters with a negative zero value, -0cm
- The 'height' property sets a negative zero length value in centimeters.
|
|
height-038 |
= |
|
Height using centimeters with a positive zero value, +0cm
- The 'height' property sets a positive zero length value in centimeters.
|
|
height-039 |
= |
|
Height using centimeters with a nominal value, 2.54cm
- The 'height' property sets a nominal length value in centimeters.
|
|
height-040 |
= |
|
Height using centimeters with a positive nominal value, +2.54cm
- The 'height' property sets a positive nominal length value in centimeters.
|
|
height-045 |
= |
Invalid |
Height using millimeters with a minimum minus one value, -1mm
- The 'height' property sets a minimum minus one length value in millimeters is invalid and resets its value to 'auto'.
|
|
height-046 |
= |
|
Height using millimeters with a minimum value, 0mm
- The 'height' property sets a minimum length value in millimeters.
|
|
height-047 |
|
|
Height using millimeters with a minimum plus one value, 1mm
- The 'height' property sets a minimum plus one length value in millimeters.
|
|
height-048 |
= |
|
Height using millimeters with a negative zero value, -0mm
- The 'height' property sets a negative zero length value in millimeters.
|
|
height-049 |
= |
|
Height using millimeters with a positive zero value, +0mm
- The 'height' property sets a positive zero length value in millimeters.
|
|
height-050 |
= |
|
Height using millimeters with a nominal value, 25.4mm
- The 'height' property sets a nominal length value in millimeters.
|
|
height-051 |
= |
|
Height using millimeters with a positive nominal value, +25.4mm
- The 'height' property sets a positive nominal length value in millimeters.
|
|
height-056 |
= |
Invalid |
Height using inches with a minimum minus one value, -1in
- The 'height' property sets a minimum minus one length value in inches is invalid and resets its value to 'auto'.
|
|
height-057 |
= |
|
Height using inches with a minimum value, 0in
- The 'height' property sets a minimum length value in inches.
|
|
height-058 |
= |
|
Height using inches with a minimum plus one value, 1in
- The 'height' property sets a minimum plus one length value in inches.
|
|
height-059 |
= |
|
Height using inches with a negative zero value, -0in
- The 'height' property sets a negative zero length value in inches.
|
|
height-060 |
= |
|
Height using inches with a positive zero value, +0in
- The 'height' property sets a positive zero length value in inches.
|
|
height-061 |
= |
|
Height using inches with a nominal value, 3in
- The 'height' property sets a nominal length value in inches.
|
|
height-062 |
= |
|
Height using inches with a positive nominal value, +3in
- The 'height' property sets a positive nominal length value in inches.
|
|
height-067 |
= |
AhemInvalid |
Height using 'em' units with a minimum minus one value, -1em
- The 'height' property sets a minimum minus one length value in 'em' units is invalid and resets its value to 'auto'.
|
|
height-068 |
= |
Ahem |
Height using 'em' units with a minimum value, 0em
- The 'height' property sets a minimum length value in 'em' units.
|
|
height-069 |
= |
Ahem |
Height using 'em' units with a minimum plus one value, 1em
- The 'height' property sets a minimum plus one length value in 'em' units.
|
|
height-070 |
= |
Ahem |
Height using 'em' units with a negative zero value, -0em
- The 'height' property sets a negative zero length value in 'em' units.
|
|
height-071 |
= |
Ahem |
Height using 'em' units with a positive zero value, +0em
- The 'height' property sets a positive zero length value in 'em' units.
|
|
height-072 |
= |
Ahem |
Height using 'em' units with a nominal value, 5em
- The 'height' property sets a nominal length value in 'em' units.
|
|
height-073 |
= |
Ahem |
Height using 'em' units with a positive nominal value, +5em
- The 'height' property sets a positive nominal length value in 'em' units.
|
|
height-078 |
= |
AhemInvalid |
Height using 'ex' units with a minimum minus one value, -1ex
- The 'height' property sets a minimum minus one length value in 'ex' units is invalid and resets its value to 'auto'.
|
|
height-079 |
= |
Ahem |
Height using 'ex' units with a minimum value, 0ex
- The 'height' property sets a minimum length value in 'ex' units.
|
|
height-080 |
= |
Ahem |
Height using 'ex' units with a minimum plus one value, 1ex
- The 'height' property sets a minimum plus one length value in 'ex' units.
|
|
height-081 |
= |
Ahem |
Height using 'ex' units with a negative zero value, -0ex
- The 'height' property sets a negative zero length value in 'ex' units.
|
|
height-082 |
= |
Ahem |
Height using 'ex' units with a positive zero value, +0ex
- The 'height' property sets a positive zero length value in 'ex' units.
|
|
height-083 |
= |
Ahem |
Height using 'ex' units with a nominal value, 6ex
- The 'height' property sets a nominal length value in 'ex' units.
|
|
height-084 |
= |
Ahem |
Height using 'ex' units with a positive nominal value, +6ex
- The 'height' property sets a positive nominal length value in 'ex' units.
|
|
height-089 |
= |
Invalid |
Height using percentages with a minimum minus one value, -1%
- The 'height' property sets a minimum minus one length value in percentages is invalid and resets its value to 'auto'.
|
|
height-090 |
= |
|
Height using percentages with a minimum value, 0%
- The 'height' property sets a minimum length value in percentages.
|
|
height-091 |
= |
|
Height using percentages with a minimum plus one value, 1%
- The 'height' property sets a minimum plus one length value in percentages.
|
|
height-092 |
= |
|
Height using percentages with a negative zero value, -0%
- The 'height' property sets a negative zero length value in percentages.
|
|
height-093 |
= |
|
Height using percentages with a positive zero value, +0%
- The 'height' property sets a positive zero length value in percentages.
|
|
height-094 |
= |
|
Height using percentages with a nominal value, 100%
- The 'height' property sets a nominal length value in percentages.
|
|
height-095 |
= |
|
Height using percentages with a positive nominal value, +100%
- The 'height' property sets a positive nominal length value in percentages.
|
|
height-100 |
= |
|
Height with a negative zero value and no units, -0
- The 'height' property sets a negative zero length value with no units.
|
|
height-101 |
= |
|
Height with a zero value and no units, 0
- The 'height' property sets a zero length value with no units.
|
|
height-102 |
= |
|
Height with a positive zero value and no units, +0
- The 'height' property sets a positive zero length value with no units.
|
|
height-103 |
= |
|
Height set to a value of auto
- The 'height' property applies a value of auto.
|
|
height-104 |
= |
|
Height set to inherit
- The 'height' property properly inherits the height value of the parent.
|
|
height-applies-to-001 |
|
Optional |
Height applied to elements with 'display' set to 'table-row-group'
- The 'height' property applies to elements with 'display' set to 'table-row-group'.
|
|
height-applies-to-002 |
|
Optional |
Height applied to elements with 'display' set to 'table-header-group'
- The 'height' property applies to elements with 'display' set to 'table-header-group'.
|
|
height-applies-to-003 |
|
Optional |
Height applied to elements with 'display' set to 'table-footer-group'
- The 'height' property applies to elements with 'display' set to 'table-footer-group'.
|
|
height-applies-to-004 |
= |
|
Height applied to elements with 'display' set to 'table-row'
- The 'height' property applies to elements with 'display' set to 'table-row'.
|
|
height-applies-to-005 |
= |
|
Height applied to elements with 'display' set to 'table-column-group'
- The 'height' property does not to elements with 'display' set to 'table-column-group'.
|
|
height-applies-to-006 |
= |
|
Height applied to elements with 'display' set to 'table-column'
- The 'height' property does not to elements with 'display' set to 'table-column'.
|
|
height-applies-to-007 |
= |
|
Height applied to elements with 'display' set to 'table-cell'
- The 'height' property applies to elements with 'display' set to 'table-cell'.
|
|
height-applies-to-008 |
= |
|
Height applied to elements with 'display' set to 'inline'
- The 'height' property does not apply to elements with 'display' set to 'inline'.
|
|
height-applies-to-009 |
= |
|
Height applied to elements with 'display' set to 'block'
- The 'height' property applies to elements with 'display' set to 'block'.
|
|
height-applies-to-010 |
|
|
Height applied to elements with 'display' set to 'list-item'
- The 'height' property applies to elements with 'display' set to 'list-item'.
|
|
height-applies-to-011 |
= |
|
Height applied to elements with 'display' set to 'run-in'
- The 'height' property applies to elements with 'display' set to 'run-in'.
|
|
height-applies-to-012 |
= |
|
Height applied to elements with 'display' set to 'inline-block'
- The 'height' property applies to elements with 'display' set to 'inline-block'.
|
|
height-applies-to-013 |
= |
|
Height applied to elements with 'display' set to 'table'
- The 'height' property applies to elements with 'display' set to 'table'.
|
|
height-applies-to-014 |
= |
|
Height applied to elements with 'display' set to 'inline-table'
- The 'height' property applies to elements with 'display' set to 'inline-table'.
|
|
height-applies-to-015 |
= |
|
Height applied to elements with 'display' set to 'table-caption'
- The 'height' property applies to elements with 'display' set to 'table-caption'.
|
|
height-applies-to-016 |
= |
|
Height applied to elements set to 'display: none'
- Height can be applied to 'display: none' elements.
|
|
height-percentage-001 |
= |
|
Percentage height computed to containing block
- A percentage height is calculated using the height of the containing block.
|
|
height-percentage-002 |
= |
|
Percentage based 'height' computes to 'auto' when containing block has no specified height
- A percentage height is computed to 'auto' when the element is not absolutely positioned and there is no 'height' explicitly set on the containing block (or when the containing block's height is set to 'auto').
|
|
height-percentage-003 |
= |
|
Percentage based 'height' on the root element
- A percentage 'height' on the root element is relative to the initial containing block.
|
|
+
10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements |
|
block-replaced-height-001 |
= |
Bitmaps |
Block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
- A block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
|
|
block-replaced-height-002 |
= |
Bitmaps |
Block replaced elements relying on intrinsic height dimensions
- The 'height' is the intrinsic height when an block replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
|
|
block-replaced-height-003 |
|
Bitmaps |
Block replaced elements with intrinsic ratios and 'height' set to 'auto'
- The 'height' is the used width divided by the ratio when an block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
|
|
block-replaced-height-004 |
= |
|
Block replaced elements without intrinsic ratios and 'height' set to 'auto'
- For block replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
|
|
block-replaced-height-005 |
= |
|
Block replaced elements with percentage based intrinsic height
- A block replaced elements with a percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
|
|
block-replaced-height-006 |
= |
SVG |
Absolutely positioned block replaced elements with percentage based intrinsic height
- A block replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
|
|
block-replaced-height-007 |
= |
|
Block replaced elements with percentage based intrinsic height that cannot be resolved
- A block replaced elements with a percentage height that cannot be resolved has no intrinsic height.
|
|
box-sizing-007 |
= |
SVG |
box-sizing:border-box and auto sizing of intrinsicly sized replaced elements.
- Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with either both intrisic dimentions or an intrinsic ratio, to check that they work correctly in terms of the content width height.
|
|
box-sizing-008 |
= |
SVG |
box-sizing:border-box and auto sizing of replaced elements with intrinisic width only.
- Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic width and no intrinsic ratio, to check that they work correctly in terms of the content width height.
|
|
box-sizing-009 |
= |
SVG |
box-sizing:border-box and auto sizing of replaced elements with intrinisic height only.
- Exercises the sizing rules in CSS2.1 10.3.2 and 10.6.2 with box-sizing:border-box for replaced elements with intrisic height and no intrinsic ratio, to check that they work correctly in terms of the content width height.
|
|
box-sizing-010 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic width and height, h > max-height
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-011 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic width and height, w > max-width
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-012 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic width, h > max-height
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-013 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic height, w > max-width
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-014 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic width and ratio, h > max-height
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic width and ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-015 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-width
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic height and ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-016 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic ratio, h > max-height
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the h > max-height constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-017 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic ratio, w > max-width
- Test checks that the CSS2.1 rules for auto width and height on replaced elements with intrinsic ratio with the w > max-width constraint violation are properly interpreted when box-sizing is border-box.
|
|
box-sizing-018 |
= |
SVG |
auto sizing rules with box-sizing:border-box, intrinsic height and ratio, w > max-wdith and h > max-height and max-width/w ≤ 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.
|
|
c43-rpl-bbx-000 |
|
Bitmaps |
Replaced Elements
|
|
c43-rpl-bbx-001 |
|
Bitmaps |
Replaced Elements
|
|
c43-rpl-bbx-002 |
= |
AhemBitmaps |
Replaced Elements
|
|
c43-rpl-ibx-000 |
= |
AhemBitmaps |
Replaced Elements
|
|
float-replaced-height-001 |
= |
Bitmaps |
Floated replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
- A floated replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
|
|
float-replaced-height-002 |
= |
Bitmaps |
Floated replaced elements relying on intrinsic height dimensions
- The 'height' is the intrinsic height when an floated replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
|
|
float-replaced-height-003 |
= |
Bitmaps |
Floating replaced elements with intrinsic ratios and 'height' set to 'auto'
- The 'height' is the used width divided by the ratio when an floated replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
|
|
float-replaced-height-004 |
= |
|
Floated replaced elements without intrinsic ratios and 'height' set to 'auto'
- For floated replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
|
|
float-replaced-height-005 |
= |
|
Floated replaced elements with percentage based intrinsic height
- A floated replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
|
|
float-replaced-height-006 |
= |
SVG |
Absolutely positioned floated replaced elements with percentage based intrinsic height
- A floated replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
|
|
float-replaced-height-007 |
= |
|
Floated replaced elements with percentage based intrinsic height that cannot be resolved
- A floated replaced elements with a percentage height that cannot be resolved has no intrinsic height.
|
|
floating-replaced-height-008 |
|
BitmapsInteract |
Floating replaced elements - specified width, height in percentages and intrinsic ratio
- When 'height: 1%' (or any other percentage) applies to a floating replaced element and when the height of its containing block is not specified explicitly (i.e., it depends on content height), then such height computes to 'auto'. Then, if such floating replaced element has an intrinsic ratio and its used width is known or resolved, then the used value of 'height' is determined by the equation (used width) / (intrinsic ratio).
|
|
inline-block-height-001 |
= |
|
Test for height:auto on inline-block
|
|
inline-block-height-002 |
= |
|
Test for height:<length> on inline-block
|
|
inline-block-replaced-height-001 |
= |
Bitmaps |
Inline-block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
- An inline-block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
|
|
inline-block-replaced-height-002 |
= |
Bitmaps |
Inline-block replaced elements relying on intrinsic height dimensions
- The used value of 'height' is the intrinsic height when an inline-block replaced element has an intrinsic height and 'width' computed as 'auto'.
|
|
inline-block-replaced-height-003 |
= |
Bitmaps |
Inline-block replaced elements with intrinsic ratio and 'height' set to 'auto'
- The 'height' is the used width divided by the intrinsic ratio when an inline-block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
|
|
inline-block-replaced-height-004 |
= |
|
Inline-block replaced element without intrinsic ratio and 'height' set to 'auto'
- For inline-block replaced element that has no intrinsic ratio and a 'height' set to 'auto', the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
|
|
inline-block-replaced-height-005 |
= |
|
Inline-block replaced elements with percentage based intrinsic height
- An inline-block replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
|
|
inline-block-replaced-height-006 |
= |
SVG |
Absolutely positioned inline-block replaced elements with percentage based height
- An inline-block replaced element with a percentage height resolves based on the containing block when the replaced element is absolutely positioned.
|
|
inline-block-replaced-height-007 |
= |
|
Inline-block replaced element with percentage based height that cannot be resolved