CSS Basic User Interface Module Level 3 CR Test Suite

Outline properties (40 tests)

Test Refs Flags Info
+ 4 Outline properties
outline-003 = outline & layout
  • Outline does not influence size or position, and has no impact on layout.
outline-004 = AhemRecommend connected outline parts
  • Each part of the outline should be fully connected rather than open on some sides
outline-005 = Recommend outline & border-radius
  • To the extent that the outline follows the border edge, it should follow the border-radius curve.
outline-006 = outline-color:invert
  • outline-color:invert must do pixel-level color invertion OR fail to parse, in which case the initial value must be currentcolor
outline-007 outline-style: auto
  • outline-style:auto allows the UA to display any outline it wants, but it must display something.
outline-008 = computed values ouf outline-width
  • outline-width values compute to absolute lengths
outline-009 = computed values ouf outline-width when outline-style is none
  • outline-width computes to 0 when outline-style is none
outline-010 = computed values ouf outline-width
  • outline-offset values compute to absolute lengths
outline-011 = outline-color: currentcolor
  • currentcolor computes to currentcolor on outline-color
outline-012 = outline-offset width negative values
  • Negative values on outline-offset must cause the outline to shrink into the border box.
outline-013 = Recommend outline-offset width negative values
  • Negative values on outline-offset should not cause the height and the width of outside of the shape drawn by the outline to become smaller than twice the computed value of the outline-width property
outline-014 = Recommend outline-offset width negative values — long box
  • Negative values on outline-offset should not cause the height and the width of outside of the shape drawn by the outline to become smaller than twice the computed value of the outline-width property, applying this constrain independenly in each direction.
outline-015 = Recommend outline-offset width negative values — long box
  • Negative values on outline-offset should not cause the height and the width of outside of the shape drawn by the outline to become smaller than twice the computed value of the outline-width property, applying this constrain independenly in each direction.
outline-016 = Recommend outline-offset width negative values — long box
  • Negative values on outline-offset should not cause the height and the width of outside of the shape drawn by the outline to become smaller than twice the computed value of the outline-width property, applying this constrain separately for each shape if there are several shapes.
outline-019 = outline currentColor inheritance
  • currentColor is inherited as a keyword
outline-020 = outline block with outline inline
outline-negative-offset-composited-scroll = outline-offset width negative values on scroller
+ 4.1 Outlines Shorthand: the outline property
outline-023 = Tests that a paint clip, clips an outline.
outline-invalid Script CSS UI Level 3: parsing outline with invalid values
  • outline supports only the grammar '<outline-color> || <outline> || <outline>'.
outline-shorthand Script CSS UI Level 3: outline sets longhands
  • outline supports the full grammar '<outline-color> || <outline> || <outline>'.
outline-valid-mandatory Script CSS UI Level 3: parsing outline with valid values
  • outline supports the full grammar '<outline-color> || <outline> || <outline>'.
outline-valid-optional OptionalScript CSS UI Level 3: parsing outline with valid values
  • outline supports the full grammar '<outline-color> || <outline> || <outline>'.
  • outline serializes in canonical order, with shortest possible serialization.
+ 4.2 Outline Thickness: the outline-width property
outline-width-composition Script outline-width composition
  • outline-width supports animation by computed value
outline-width-computed Script CSS UI Level 3: getComputedStyle().outlineWidth
  • outline-width computed value is absolute length, 0 if the outline style is none.
outline-width-interpolation Script outline-width interpolation
  • outline-width supports animation by computed value
transition-property-033-manual transition-property - outline-width
  • Test checks that the 'outline-width' property is animatable.
+ 4.3 Outline Patterns: the outline-style property
outline-style-computed Script CSS UI Level 3: getComputedStyle().outlineStyle
  • outline-style computed value is as specified.
outline-017 Script interpolable outline-* properties animation
outline-018 Script non interpolable outline-style animation
+ 4.4 Outline Colors: the outline-color property
outline-color-computed Script CSS UI Level 3: getComputedStyle().outlineColor
outline-color-interpolation Script outline-color interpolation
  • outline-color supports animation by computed value
outline-color-invalid Script CSS UI Level 3: parsing outline-color with invalid values
  • outline-color supports only the grammar '<color> | invert'.
outline-color-valid-mandatory Script CSS UI Level 3: parsing outline-color with valid values
  • outline-color supports '<color>'.
outline-color-valid-optional OptionalScript CSS UI Level 3: parsing outline-color with valid values
  • outline-color supports 'invert'.
transition-property-032-manual transition-property - outline-color
  • Test checks that the 'outline-color' property is animatable.
+ 4.5 Offsetting the Outline: the outline-offset property
outline-offset-composition Script outline-offset composition
  • outline-offset supports animation by computed value
outline-offset-computed Script CSS UI Level 3: getComputedStyle().outlineOffset
  • outline-offset computed value is absolute length.
outline-offset-interpolation Script outline-offset interpolation
  • outline-offset supports animation by computed value
outline-offset-invalid Script CSS UI Level 3: parsing outline-offset with invalid values
  • outline-offset supports only the grammar '<length>'.
outline-offset-valid Script CSS UI Level 3: parsing outline-offset with valid values
  • outline-offset supports the full grammar '<length>'.