|
+
8.1 Mathematical Expressions: calc() |
|---|
|
calc-background-image-gradient-1 |
= |
|
Test for calc() on background-image gradients
|
|
calc-background-linear-gradient-1 |
= |
|
Support calc() on gradient stop positions
|
|
calc-background-position-1 |
= |
|
Test for calc() on background-position
|
|
calc-background-size-1 |
= |
|
Test for calc() on background-size
|
|
calc-border-radius-1 |
= |
|
test for border-radius: calc()
|
|
calc-height-block-1 |
= |
|
Test for height:calc() on blocks
|
|
calc-height-table-1 |
= |
|
Test that height:calc() with no percentages has an effect on inner table elements
|
|
calc-in-calc |
= |
|
Calc() inside calc()
- The calc() function notation is allowed inside a calc() notation.
|
|
calc-in-media-queries-001 |
= |
|
Calc function inside media queries
- The calc() expression is supported in the min-width media query.
|
|
calc-in-media-queries-002 |
= |
|
Calc function inside media queries
- The calc() expression is supported in the min-width media query properly (=with range clamping).
|
|
calc-invalid-range-clamping |
= |
|
Range clamping into calc() expressions
- A calc expression can evaluate to a value which is outside the validity range. If it does, this value must be clamped into the range. The declaration must not be ignored.
|
|
calc-margin-block-1 |
= |
|
Test of margin-*: calc()
|
|
calc-max-height-block-1 |
= |
|
Test for max-height:calc() on blocks
|
|
calc-max-width-block-1 |
= |
|
max-width: calc() on blocks
|
|
calc-max-width-block-intrinsic-1 |
= |
|
intrinsic width of max-width: calc() on blocks
|
|
calc-min-height-block-1 |
= |
|
Test for min-height:calc() on blocks
|
|
calc-min-width-block-1 |
= |
|
min-width: calc() on blocks
|
|
calc-min-width-block-intrinsic-1 |
= |
|
intrinsic width of min-width: calc() on blocks
|
|
calc-offsets-absolute-bottom-1 |
= |
|
Test for bottom:calc() on absolutely positioned elements
|
|
calc-offsets-absolute-left-1 |
= |
|
Test for left:calc() on absolutely positioned elements
|
|
calc-offsets-absolute-right-1 |
= |
|
Test for right:calc() on absolutely positioned elements
|
|
calc-offsets-absolute-top-1 |
= |
|
Test for top:calc() on absolutely positioned elements
|
|
calc-offsets-relative-bottom-1 |
= |
|
Test for bottom:calc() on relatively positioned elements
|
|
calc-offsets-relative-left-1 |
= |
|
Test for left:calc() on relatively positioned elements
|
|
calc-offsets-relative-right-1 |
= |
|
Test for right:calc() on relatively positioned elements
|
|
calc-offsets-relative-top-1 |
= |
|
Test for top:calc() on relatively positioned elements
|
|
calc-padding-block-1 |
= |
|
Test of padding-*: calc()
|
|
calc-parenthesis-stack |
= |
|
Calc() inside calc()
- The calc() function notation is allowed inside a calc() notation.
|
|
calc-text-indent-1 |
= |
|
text-indent: calc() on blocks
|
|
calc-text-indent-intrinsic-1 |
= |
|
intrinsic width of text-indent: calc() on blocks
|
|
calc-transform-origin-1 |
= |
|
Test for calc() on transform-origin
|
|
calc-vertical-align-1 |
= |
|
Test for vertical-align:calc()
|
|
calc-width-block-1 |
= |
|
width: calc() on blocks
|
|
calc-width-block-intrinsic-1 |
= |
|
intrinsic width of width: calc() on blocks
|
|
calc-width-table-auto-1 |
= |
|
width: calc() on table-layout: auto tables
|
|
calc-width-table-fixed-1 |
= |
|
width: calc() on table-layout: auto tables
|
|
mq-calc-001 |
= |
|
support for calc in Media Queries
- calc can be used in Media Queries
|
|
mq-calc-002 |
= |
|
evaluation of em in calc in Media Queries
- The size in pixels of the 'em' unit used in calc inside a media query does not depend on declarations and use the initial value.
|
|
mq-calc-003 |
= |
|
evaluation of ex in calc in Media Queries
- The size in pixels of the 'ex' unit used in calc inside a media query does not depend on declarations and use the initial value.
|
|
mq-calc-004 |
= |
|
evaluation of ch in calc in Media Queries
- The size in pixels of the 'ch' unit used in calc inside a media query does not depend on declarations and use the initial value.
|
|
mq-calc-005 |
= |
|
evaluation of rem in calc in Media Queries
- The size in pixels of the 'rem' unit used in calc inside a media query does not depend on declarations and use the initial value.
|
|
shape-outside-circle-010 |
|
DOM/JSScript |
Shape Outside Circle args - calc() values
- A circle's arguments may be in calc() values.
|
|
shape-outside-circle-011 |
|
DOM/JSScript |
Shape Outside Circle position args - calc() values
- A circle's <position> arguments may be in calc() values.
|
|
shape-outside-ellipse-010 |
|
DOM/JSScript |
Shape Outside Ellipse args - calc() values
- An ellipse's arguments may be in calc() values.
|
|
shape-outside-ellipse-011 |
|
DOM/JSScript |
Shape Outside Ellipse position args - calc() values
- An ellipse's <position> arguments may be in calc() values.
|
|
shape-outside-inset-008 |
|
DOM/JSScript |
Shape Outside Inset Args - calc() values
- An inset's arguments may be in calc() values.
|
|
shape-outside-inset-009 |
|
DOM/JSScript |
Shape Outside Inset round args - calc() values
- An inset's radial component arguments may be in calc() values.
|
|
shape-outside-polygon-006 |
|
DOM/JSScript |
Shape Outside Polygon args - calc() values
- A polygon's arguments may be in calc() values.
|
|
vh-calc-support |
= |
|
Viewport units are supported inside calc expressions.
- Check that viewport units add correctly to pixels in calc() expressions
|
|
vh-calc-support-pct |
= |
|
Viewport units are supported inside calc expressions.
- Check that viewport units add correctly to percentages in calc() expressions
|
|
+
8.2 Attribute References: attr() |
|---|
|
attr-color-invalid-cast |
= |
|
Attribute references (colors)
- Invalid color values in referenced attributes are replaced by the fallback value
|
|
attr-color-invalid-fallback |
= |
|
Attribute references (colors)
- When the fallback value of an attr() function is invalid, the delcaration is ignored.
|
|
attr-color-valid |
= |
|
Attribute references (colors)
- The value of the reference attribute is used correctly in the layout when it's a color.
|
|
attr-invalid-type-001 |
= |
|
Attribute references (types)
- When the type of an att() function is known and unexpected, the declaration is ingored
|
|
attr-invalid-type-002 |
= |
|
Attribute references (types)
- When the type of an att() function is known and unexpected, the declaration is ignored
|
|
attr-invalid-type-003 |
= |
|
Attribute references (types)
- When the type of an att() function is known and unexpected, the declaration is ignored
|
|
attr-length-invalid-cast |
= |
|
Attribute references (length)
- When the value of referenced attribute isn't a valid length, the fallback value is unsed instead.
|
|
attr-length-invalid-fallback |
= |
|
Attribute references (length)
- When the attr() fallback is an invalid length, the delcaration is correctly ignored.
|
|
attr-length-valid |
= |
|
Attribute references (length)
- The value of referenced attribute is used correctly as a length.
|
|
attr-length-valid-zero |
= |
|
Attribute references (length)
- The value of referenced attribute is used correctly as a length (even if it's 0).
|
|
attr-length-valid-zero-nofallback |
= |
|
Attribute references (length)
- The value of referenced attribute is used correctly as a length (even if it's 0).
|
|
attr-px-invalid-cast |
= |
|
Attributes references (pixels)
- When the value of the referenced attribute is not a pixel value, the fallback value is used instead.
|
|
attr-px-invalid-fallback |
= |
|
Attribute references (pixels)
- When the fallback of a pixel attribute reference is invalid, the declaration is ignored.
|
|
attr-px-valid |
= |
|
Attribute references (pixels)
- Attribute references for pixel values are replaced correctly at computed time.
|
|
initial-background-color |
= |
|
Initial property and background-color
- The initial keyword is supported on background-color.
|