CSS2.1 Test Suite

User interface (356 tests)

Test Refs Flags Info
+ 18.1 Cursors: the 'cursor' property
cursor-001 BitmapsInteract Cursor using the 'url()' function
  • Cursor 'uri' results in the cursor that is specified by the URI.
cursor-002 Interact Cursor set to 'auto'
  • Cursor 'auto' results in a cursor that is determined by the user agent according to the context.
cursor-003 Interact Cursor set to 'crosshair'
  • Cursor 'crosshair' results in a crosshair cursor resembling a '+' sign.
cursor-004 Interact Cursor set to 'default'
  • Cursor 'default' results in the default cursor.
cursor-005 Interact Cursor set to 'pointer'
  • Cursor 'pointer' results in a cursor that indicates a link.
cursor-006 Interact Cursor set to 'move'
  • Cursor 'move' results in a cursor that indicates an element can be moved.
cursor-007 Interact Cursor set to 'e-resize'
  • Cursor 'e-resize' results in a cursor that indicates the east edge of an element can be moved.
cursor-008 Interact Cursor set to 'ne-resize'
  • Cursor 'ne-resize' results in a cursor that indicates the north-east corner of an element can be moved.
cursor-009 Interact Cursor set to 'nw-resize'
  • Cursor 'nw-resize' results in a cursor that indicates the north-west corner of an element can be moved.
cursor-010 Interact Cursor set to 'n-resize'
  • Cursor 'n-resize' results in a cursor that indicates the north edge of an element can be moved.
cursor-011 Interact Cursor set to 'se-resize'
  • Cursor 'se-resize' results in a cursor that indicates the south-east corner of an element can be moved.
cursor-012 Interact Cursor set to 'sw-resize'
  • Cursor 'sw-resize' results in a cursor that indicates the south-west corner of an element can be moved.
cursor-013 Interact Cursor set to 's-resize'
  • Cursor 's-resize' results in a cursor that indicates the south edge of an element can be moved.
cursor-014 Interact Cursor set to 'w-resize'
  • Cursor 'w-resize' results in a cursor that indicates the west edge of an element can be moved.
cursor-015 Interact Cursor set to 'text'
  • Cursor 'text' results in a cursor that indicates user can select or input text.
cursor-016 Interact Cursor set to 'wait'
  • Cursor 'wait' results in a cursor that indicates the page is busy and user needs to wait.
cursor-017 Interact Cursor set to 'help'
  • Cursor 'help' results in a cursor that indicates help information is available.
cursor-018 Interact Cursor set to 'progress'
  • Cursor 'progress' results in a cursor that indicates something is in progression.
cursor-019 Interact Cursor set to 'inherit'
  • Cursor 'inherit' results in the same cursor value as the parent element has.
cursor-020 Interact cursor - <uri> value
  • If the user agent cannot handle an user-defined cursor, it must use the generic cursor at the end of the list. The auto value should make UA determine the cursor to display based on the current context.
cursor-021 InteractInvalid cursor - <uri> value
  • When an user-defined cursor is provided, a generic cursor value must be provided at the end of the list.
cursor-022 InteractInvalid cursor - set to an invalid value
  • The property 'cursor', when set to an invalid value or an illegal value, must be ignored. Then, instead, the cursor to display should be based on the current context.
cursor-023 BitmapsInteract PNG cursor
cursor-024 AnimatedBitmapsInteract animated GIF cursor
cursor-applies-to-001 Interact Cursor applied to element with 'display' set to 'table-row-group'
  • The 'cursor' property applies to elements with a display of table-row-group.
cursor-applies-to-002 Interact Cursor applied to element with 'display' set to 'table-header-group'
  • The 'cursor' property applies to elements with a display of table-header-group.
cursor-applies-to-003 Interact Cursor applied to element with 'display' set to 'table-footer-group'
  • The 'cursor' property applies to elements with a display of table-footer-group.
cursor-applies-to-004 Interact Cursor applied to element with 'display' set to 'table-row'
  • The 'cursor' property applies to elements with a display of table-row.
cursor-applies-to-005 Interact Cursor applied to element with 'display' set to 'table-column-group'
  • The 'cursor' property does not apply to elements with a display of table-column-group.
cursor-applies-to-006 Interact Cursor applied to element with 'display' set to 'table-column'
  • The 'cursor' property does not apply to elements with a display of table-column.
cursor-applies-to-007 Interact Cursor applied to element with 'display' set to 'table-cell'
  • The 'cursor' property applies to elements with a display of table-cell.
cursor-applies-to-008 Interact Cursor applied to element with 'display' set to 'inline'
  • The 'cursor' property applies to elements with a display of inline.
cursor-applies-to-009 Interact Cursor applied to element with 'display' set to 'block'
  • The 'cursor' property applies to elements with a display of block.
cursor-applies-to-010 Interact Cursor applied to element with 'display' set to 'list-item'
  • The 'cursor' property applies to elements with a 'display' set to 'list-item'.
cursor-applies-to-011 Interact Cursor applied to element with 'display' set to 'run-in'
  • The 'cursor' property applies to elements with a display of run-in.
cursor-applies-to-012 Interact Cursor applied to element with 'display' set to 'inline-block'
  • The 'cursor' property applies to elements with a display of inline-block.
cursor-applies-to-013 Interact Cursor applied to element with 'display' set to 'table'
  • The 'cursor' property applies to elements with a display of table.
cursor-applies-to-014 Interact Cursor applied to element with 'display' set to 'inline-table'
  • The 'cursor' property applies to elements with a display of inline-table.
cursor-applies-to-015 Interact Cursor applied to element with 'display' set to 'table-caption'
  • The 'cursor' property applies to elements with a display of table-caption.
cursor-fallback-001 Interact Cursor specified with missing image for the url()
  • When a specified URL cursor doesn't exist, the next specified cursor is used.
cursor-url-001 BitmapsInteract Url cursor
  • URI cursor is applied correctly.
+ 18.2 System Colors
system-colors-001 CSS Colours: Highlight and HighlightText
+ 18.3 User preferences for fonts
+ 18.4 Dynamic outlines: the 'outline' property
outline-001 Outline: one value with outline-color
  • Outline value specified in the form of 'color' is correctly applied.
outline-002 Outline: one value with outline-style
  • Outline value specified in the form of 'style' is correctly applied.
outline-003 Outline: one value with outline-width
  • Outline value specified in the form of 'width' is correctly applied.
outline-004 Outline: two values in the order of 'outline-color outline-style'
  • Outline value specified in the form of 'color style' is correctly applied.
outline-005 Outline: two values in the order of 'outline-color outline-width'
  • Outline value specified in the form of 'color width' is correctly applied.
outline-006 Outline: two values in the order of 'outline-style outline-color'
  • Outline value specified in the form of 'style color' is correctly applied.
outline-007 Outline: two values in the order of 'outline-style outline-width'
  • Outline value specified in the form of 'style width' is correctly applied.
outline-008 Outline: two values in the order of 'outline-width outline-color'
  • Outline value specified in the form of 'width color' is correctly applied.
outline-009 Outline: two values in the order of 'outline-width outline-style'
  • Outline value specified in the form of 'width style' is correctly applied.
outline-010 Outline: three values in the order of 'outline-color outline-style outline-width'
  • Outline value specified in the form of 'color style width' is correctly applied.
outline-011 Outline: three values in the order of 'outline-color outline-width outline-style'
  • Outline value specified in the form of 'color width style' is correctly applied.
outline-012 Outline: three values in the order of 'outline-style outline-color outline-width'
  • Outline value specified in the form of 'style color width' is correctly applied.
outline-013 Outline: three values in the order of 'outline-style outline-width outline-color'
  • Outline value specified in the form of 'style width color' is correctly applied.
outline-014 Outline: three values in the order of 'outline-width outline-color outline-style'
  • Outline specified in the form of 'width color style' is correctly applied.
outline-015 Outline: three values in the order of 'outline-width outline-style outline-color'
  • Outline value specified in the form of 'width style color' is correctly applied.
outline-016 Outline: inherit with one value
  • Outline with value inherit uses its parent's outline values (1 value).
outline-017 Outline: inherit with two values
  • Outline with value inherit uses its parent's outline values (2 values).
outline-018 Outline: inherit with three values
  • Outline with value inherit uses its parent's outline values (3 values).
outline-applies-to-001 Outline applied to element with display table-row-group
  • The 'outline' property applies to elements with a display of table-row-group.
outline-applies-to-002 Outline applied to element with display table-header-group
  • The 'outline' property applies to elements with a display of table-header-group.
outline-applies-to-003 Outline applied to element with display table-footer-group
  • The 'outline' property applies to elements with a display of table-footer-group.
outline-applies-to-004 Outline applied to element with display table-row
  • The 'outline' property applies to elements with a display of table-row.
outline-applies-to-005 Outline applied to element with display table-column-group
  • The 'outline' property does not apply to elements with a display of table-column-group.
outline-applies-to-006 Outline applied to element with display table-column
  • The 'outline' property does not apply to elements with a display of table-column.
outline-applies-to-007 Outline applied to element with display table-cell
  • The 'outline' property applies to elements with a display of table-cell.
outline-applies-to-008 Outline applied to element with display inline
  • The 'outline' property applies to elements with a display of inline.
outline-applies-to-009 Outline applied to element with display block
  • The 'outline' property applies to elements with a display of block.
outline-applies-to-010 Outline applied to element with display list-item
  • The 'outline' property applies to elements with a display of list-item.
outline-applies-to-011 Outline applied to element with display run-in
  • The 'outline' property applies to elements with a display of run-in.
outline-applies-to-012 Outline applied to element with display inline-block
  • The 'outline' property applies to elements with a display of inline-block.
outline-applies-to-013 Outline applied to element with display table
  • The 'outline' property applies to elements with a display of table.
outline-applies-to-014 Outline applied to element with display inline-table
  • The 'outline' property applies to elements with a display of inline-table.
outline-applies-to-015 Outline applied to element with display table-caption
  • The 'outline' property applies to elements with a display of table-caption.
outline-color-001 Invalid Outline-color set to '#00000'
  • Outline color #00000 (invalid) falls back to a default color.
outline-color-002 Outline-color set to '#000000'
  • Outline color #000000 renders the correct outline color on the element.
outline-color-003 Outline-color set to '#010101'
  • Outline color #010101 renders the correct outline color on the element.
outline-color-004 Outline-color set to '#999999'
  • Outline color #999999 renders the correct outline color on the element.
outline-color-005 Outline-color set to '#fefefe'
  • Outline color #fefefe renders the correct outline color on the element.
outline-color-006 Outline-color set to '#ffffff'
  • Outline color #ffffff renders the correct outline color on the element.
outline-color-007 Invalid Outline-color set to '#1000000'
  • Outline color #1000000 (invalid) falls back to a default color.
outline-color-008 Invalid Outline-color set to '#fgfgfg'
  • Outline color #fgfgfg (invalid) falls back to a default color.
outline-color-009 Outline-color set to '#010000'
  • Outline color #010000 renders the correct outline color on the element.
outline-color-010 Outline-color set to '#990000'
  • Outline color #990000 renders the correct outline color on the element.
outline-color-011 Outline-color set to '#fe0000'
  • Outline color #fe0000 renders the correct outline color on the element.
outline-color-012 Outline-color set to '#ff0000'
  • Outline color #ff0000 renders the correct outline color on the element.
outline-color-013 Invalid Outline-color set to '#fg0000'
  • Outline color #fg0000 (invalid) falls back to a default color.
outline-color-014 Outline-color set to '#000100'
  • Outline color #000100 renders the correct outline color on the element.
outline-color-015 Outline-color set to '#009900'
  • Outline color #009900 renders the correct outline color on the element.
outline-color-016 Outline-color set to '#00fe00'
  • Outline color #00fe00 renders the correct outline color on the element.
outline-color-017 Outline-color set to '#00ff00'
  • Outline color #00ff00 renders the correct outline color on the element.
outline-color-018 Invalid Outline-color set to '#00fg00'
  • Outline color #00fg00 (invalid) falls back to a default color.
outline-color-019 Outline-color set to '#000001'
  • Outline color #000001 renders the correct outline color on the element.
outline-color-020 Outline-color set to '#000099'
  • Outline color #000099 renders the correct outline color on the element.
outline-color-021 Outline-color set to '#0000fe'
  • Outline color #0000fe renders the correct outline color on the element.
outline-color-022 Outline-color set to '#0000ff'
  • Outline color #0000ff renders the correct outline color on the element.
outline-color-023 Invalid Outline-color set to '#0000fg'
  • Outline color #0000fg (invalid) falls back to a default color.
outline-color-024 Invalid Outline-color set to '#00'
  • Outline color #00 (invalid) falls back to a default color.
outline-color-025 Outline-color set to '#000'
  • Outline color #000 renders the correct outline color on the element.
outline-color-026 Outline-color set to '#111'
  • Outline color #111 renders the correct outline color on the element.
outline-color-027 Outline-color set to '#999'
  • Outline color #999 renders the correct outline color on the element.
outline-color-028 Outline-color set to '#eee'
  • Outline color #eee renders the correct outline color on the element.
outline-color-029 Outline-color set to '#fff'
  • Outline color #fff renders the correct outline color on the element.
outline-color-030 Invalid Outline-color set to '#1000'
  • Outline color #1000 (invalid) falls back to a default color.
outline-color-031 Invalid Outline-color set to '#ggg'
  • Outline color #ggg (invalid) falls back to a default color.
outline-color-032 Outline-color set to '#100'
  • Outline color #100 renders the correct outline color on the element.
outline-color-033 Outline-color set to '#900'
  • Outline color #900 renders the correct outline color on the element.
outline-color-034 Outline-color set to '#e00'
  • Outline color #e00 renders the correct outline color on the element.
outline-color-035 Outline-color set to '#f00'
  • Outline color #f00 renders the correct outline color on the element.
outline-color-036 Invalid Outline-color set to '#g00'
  • Outline color #g00 (invalid) falls back to a default color.
outline-color-037 Outline-color set to '#010'
  • Outline color #010 renders the correct outline color on the element.
outline-color-038 Outline-color set to '#090'
  • Outline color #090 renders the correct outline color on the element.
outline-color-039 Outline-color set to '#0e0'
  • Outline color #0e0 renders the correct outline color on the element.
outline-color-040 Outline-color set to '#0f0'
  • Outline color #0f0 renders the correct outline color on the element.
outline-color-041 Invalid Outline-color set to '#0g0'
  • Outline color #0g0 (invalid) falls back to a default color.
outline-color-042 Outline-color set to '#001'
  • Outline color #001 renders the correct outline color on the element.
outline-color-043 Outline-color set to '#009'
  • Outline color #009 renders the correct outline color on the element.
outline-color-044 Outline-color set to '#00e'
  • Outline color #00e renders the correct outline color on the element.
outline-color-045 Outline-color set to '#00f'
  • Outline color #00f renders the correct outline color on the element.
outline-color-046 Invalid Outline-color set to '#00g'
  • Outline color #00g (invalid) falls back to a default color.
outline-color-047 Outline-color set to 'rgb(-1%, -1%, -1%)'
  • Outline color rgb(-1%, -1%, -1%) renders the correct outline color on the element.
outline-color-048 Outline-color set to 'rgb(0%, 0%, 0%)'
  • Outline color rgb(0%, 0%, 0%) renders the correct outline color on the element.
outline-color-049 Outline-color set to 'rgb(1%, 1%, 1%)'
  • Outline color rgb(1%, 1%, 1%) renders the correct outline color on the element.
outline-color-050 Outline-color set to 'rgb(-0%, -0%, -0%)'
  • Outline color rgb(-0%, -0%, -0%) renders the correct outline color on the element.
outline-color-051 Outline-color set to 'rgb(+0%, +0%, +0%)'
  • Outline color rgb(+0%, +0%, +0%) renders the correct outline color on the element.
outline-color-052 Outline-color set to 'rgb(50%, 50%, 50%)'
  • Outline color rgb(50%, 50%, 50%) renders the correct outline color on the element.
outline-color-053 Outline-color set to 'rgb(+50%, +50%, +50%)'
  • Outline color rgb(+50%, +50%, +50%) renders the correct outline color on the element.
outline-color-054 Outline-color set to 'rgb(99%, 99%, 99%)'
  • Outline color rgb(99%, 99%, 99%) renders the correct outline color on the element.
outline-color-055 Outline-color set to 'rgb(100%, 100%, 100%)'
  • Outline color rgb(100%, 100%, 100%) renders the correct outline color on the element.
outline-color-056 Outline-color set to 'rgb(+100%, +100%, +100%)'
  • Outline color rgb(+100%, +100%, +100%) renders the correct outline color on the element.
outline-color-057 Outline-color set to 'rgb(101%, 101%, 101%)'
  • Outline color rgb(101%, 101%, 101%) renders the correct outline color on the element.
outline-color-058 Outline-color set to 'rgb(-1, -1, -1)'
  • Outline color rgb(-1, -1, -1) renders the correct outline color on the element.
outline-color-059 Outline-color set to 'rgb(0, 0, 0)'
  • Outline color rgb(0, 0, 0) renders the correct outline color on the element.
outline-color-060 Outline-color set to 'rgb(1, 1, 1)'
  • Outline color rgb(1, 1, 1) renders the correct outline color on the element.
outline-color-061 Outline-color set to 'rgb(-0, -0, -0)'
  • Outline color rgb(-0, -0, -0) renders the correct outline color on the element.
outline-color-062 Outline-color set to 'rgb(+0, +0, +0)'
  • Outline color rgb(+0, +0, +0) renders the correct outline color on the element.
outline-color-063 Outline-color set to 'rgb(128, 128, 128)'
  • Outline color rgb(128, 128, 128) renders the correct outline color on the element.
outline-color-064 Outline-color set to 'rgb(+128, +128, +128)'
  • Outline color rgb(+128, +128, +128) renders the correct outline color on the element.
outline-color-065 Outline-color set to 'rgb(254, 254, 254)'
  • Outline color rgb(254, 254, 254) renders the correct outline color on the element.
outline-color-066 Outline-color set to 'rgb(255, 255, 255)'
  • Outline color rgb(255, 255, 255) renders the correct outline color on the element.
outline-color-067 Outline-color set to 'rgb(+255, +255, +255)'
  • Outline color rgb(+255, +255, +255) renders the correct outline color on the element.
outline-color-068 Outline-color set to 'rgb(256, 256, 256)'
  • Outline color rgb(256, 256, 256) renders the correct outline color on the element.
outline-color-069 Outline-color set to 'rgb(-1%, 0%, 0%)'
  • Outline color rgb(-1%, 0%, 0%) renders the correct outline color on the element.
outline-color-070 Outline-color set to 'rgb(1%, 0%, 0%)'
  • Outline color rgb(1%, 0%, 0%) renders the correct outline color on the element.
outline-color-071 Outline-color set to 'rgb(-0%, 0%, 0%)'
  • Outline color rgb(-0%, 0%, 0%) renders the correct outline color on the element.
outline-color-072 Outline-color set to 'rgb(+0%, 0%, 0%)'
  • Outline color rgb(+0%, 0%, 0%) renders the correct outline color on the element.
outline-color-073 Outline-color set to 'rgb(50%, 0%, 0%)'
  • Outline color rgb(50%, 0%, 0%) renders the correct outline color on the element.
outline-color-074 Outline-color set to 'rgb(+50%, 0%, 0%)'
  • Outline color rgb(+50%, 0%, 0%) renders the correct outline color on the element.
outline-color-075 Outline-color set to 'rgb(99%, 0%, 0%)'
  • Outline color rgb(99%, 0%, 0%) renders the correct outline color on the element.
outline-color-076 Outline-color set to 'rgb(100%, 0%, 0%)'
  • Outline color rgb(100%, 0%, 0%) renders the correct outline color on the element.
outline-color-077 Outline-color set to 'rgb(+100%, 0%, 0%)'
  • Outline color rgb(+100%, 0%, 0%) renders the correct outline color on the element.
outline-color-078 Outline-color set to 'rgb(101%, 0%, 0%)'
  • Outline color rgb(101%, 0%, 0%) renders the correct outline color on the element.
outline-color-079 Outline-color set to 'rgb(-1, 0, 0)'
  • Outline color rgb(-1, 0, 0) renders the correct outline color on the element.
outline-color-080 Outline-color set to 'rgb(1, 0, 0)'
  • Outline color rgb(1, 0, 0) renders the correct outline color on the element.
outline-color-081 Outline-color set to 'rgb(-0, 0, 0)'
  • Outline color rgb(-0, 0, 0) renders the correct outline color on the element.
outline-color-082 Outline-color set to 'rgb(+0, 0, 0)'
  • Outline color rgb(+0, 0, 0) renders the correct outline color on the element.
outline-color-083 Outline-color set to 'rgb(128, 0, 0)'
  • Outline color rgb(128, 0, 0) renders the correct outline color on the element.
outline-color-084 Outline-color set to 'rgb(+128, 0, 0)'
  • Outline color rgb(+128, 0, 0) renders the correct outline color on the element.
outline-color-085 Outline-color set to 'rgb(254, 0, 0)'
  • Outline color rgb(254, 0, 0) renders the correct outline color on the element.
outline-color-086 Outline-color set to 'rgb(255, 0, 0)'
  • Outline color rgb(255, 0, 0) renders the correct outline color on the element.
outline-color-087 Outline-color set to 'rgb(+255, 0, 0)'
  • Outline color rgb(+255, 0, 0) renders the correct outline color on the element.
outline-color-088 Outline-color set to 'rgb(256, 0, 0)'
  • Outline color rgb(256, 0, 0) renders the correct outline color on the element.
outline-color-089 Outline-color set to 'rgb(0%, -1%, 0%)'
  • Outline color rgb(0%, -1%, 0%) renders the correct outline color on the element.
outline-color-090 Outline-color set to 'rgb(0%, 1%, 0%)'
  • Outline color rgb(0%, 1%, 0%) renders the correct outline color on the element.
outline-color-091 Outline-color set to 'rgb(0%, -0%, 0%)'
  • Outline color rgb(0%, -0%, 0%) renders the correct outline color on the element.
outline-color-092 Outline-color set to 'rgb(0%, +0%, 0%)'
  • Outline color rgb(0%, +0%, 0%) renders the correct outline color on the element.
outline-color-093 Outline-color set to 'rgb(0%, 50%, 0%)'
  • Outline color rgb(0%, 50%, 0%) renders the correct outline color on the element.
outline-color-094 Outline-color set to 'rgb(0%, +50%, 0%)'
  • Outline color rgb(0%, +50%, 0%) renders the correct outline color on the element.
outline-color-095 Outline-color set to 'rgb(0%, 99%, 0%)'
  • Outline color rgb(0%, 99%, 0%) renders the correct outline color on the element.
outline-color-096 Outline-color set to 'rgb(0%, 100%, 0%)'
  • Outline color rgb(0%, 100%, 0%) renders the correct outline color on the element.
outline-color-097 Outline-color set to 'rgb(0%, +100%, 0%)'
  • Outline color rgb(0%, +100%, 0%) renders the correct outline color on the element.
outline-color-098 Outline-color set to 'rgb(0%, 101%, 0%)'
  • Outline color rgb(0%, 101%, 0%) renders the correct outline color on the element.
outline-color-099 Outline-color set to 'rgb(0, -1, 0)'
  • Outline color rgb(0, -1, 0) renders the correct outline color on the element.
outline-color-100 Outline-color set to 'rgb(0, 1, 0)'
  • Outline color rgb(0, 1, 0) renders the correct outline color on the element.
outline-color-101 Outline-color set to 'rgb(0, -0, 0)'
  • Outline color rgb(0, -0, 0) renders the correct outline color on the element.
outline-color-102 Outline-color set to 'rgb(0, +0, 0)'
  • Outline color rgb(0, +0, 0) renders the correct outline color on the element.
outline-color-103 Outline-color set to 'rgb(0, 128, 0)'
  • Outline color rgb(0, 128, 0) renders the correct outline color on the element.
outline-color-104 Outline-color set to 'rgb(0, +128, 0)'
  • Outline color rgb(0, +128, 0) renders the correct outline color on the element.
outline-color-105 Outline-color set to 'rgb(0, 254, 0)'
  • Outline color rgb(0, 254, 0) renders the correct outline color on the element.
outline-color-106 Outline-color set to 'rgb(0, 255, 0)'
  • Outline color rgb(0, 255, 0) renders the correct outline color on the element.
outline-color-107 Outline-color set to 'rgb(0, +255, 0)'
  • Outline color rgb(0, +255, 0) renders the correct outline color on the element.
outline-color-108 Outline-color set to 'rgb(0, 256, 0)'
  • Outline color rgb(0, 256, 0) renders the correct outline color on the element.
outline-color-109 Outline-color set to 'rgb(0%, 0%, -1%)'
  • Outline color rgb(0%, 0%, -1%) renders the correct outline color on the element.
outline-color-110 Outline-color set to 'rgb(0%, 0%, 1%)'
  • Outline color rgb(0%, 0%, 1%) renders the correct outline color on the element.
outline-color-111 Outline-color set to 'rgb(0%, 0%, -0%)'
  • Outline color rgb(0%, 0%, -0%) renders the correct outline color on the element.
outline-color-112 Outline-color set to 'rgb(0%, 0%, +0%)'
  • Outline color rgb(0%, 0%, +0%) renders the correct outline color on the element.
outline-color-113 Outline-color set to 'rgb(0%, 0%, 50%)'
  • Outline color rgb(0%, 0%, 50%) renders the correct outline color on the element.
outline-color-114 Outline-color set to 'rgb(0%, 0%, +50%)'
  • Outline color rgb(0%, 0%, +50%) renders the correct outline color on the element.
outline-color-115 Outline-color set to 'rgb(0%, 0%, 99%)'
  • Outline color rgb(0%, 0%, 99%) renders the correct outline color on the element.
outline-color-116 Outline-color set to 'rgb(0%, 0%, 100%)'
  • Outline color rgb(0%, 0%, 100%) renders the correct outline color on the element.
outline-color-117 Outline-color set to 'rgb(0%, 0%, +100%)'
  • Outline color rgb(0%, 0%, +100%) renders the correct outline color on the element.
outline-color-118 Outline-color set to 'rgb(0%, 0%, 101%)'
  • Outline color rgb(0%, 0%, 101%) renders the correct outline color on the element.
outline-color-119 Outline-color set to 'rgb(0, 0, -1)'
  • Outline color rgb(0, 0, -1) renders the correct outline color on the element.
outline-color-120 Outline-color set to 'rgb(0, 0, 1)'
  • Outline color rgb(0, 0, 1) renders the correct outline color on the element.
outline-color-121 Outline-color set to 'rgb(0, 0, -0)'
  • Outline color rgb(0, 0, -0) renders the correct outline color on the element.
outline-color-122 Outline-color set to 'rgb(0, 0, +0)'
  • Outline color rgb(0, 0, +0) renders the correct outline color on the element.
outline-color-123 Outline-color set to 'rgb(0, 0, 128)'
  • Outline color rgb(0, 0, 128) renders the correct outline color on the element.
outline-color-124 Outline-color set to 'rgb(0, 0, +128)'
  • Outline color rgb(0, 0, +128) renders the correct outline color on the element.
outline-color-125 Outline-color set to 'rgb(0, 0, 254)'
  • Outline color rgb(0, 0, 254) renders the correct outline color on the element.
outline-color-126 Outline-color set to 'rgb(0, 0, 255)'
  • Outline color rgb(0, 0, 255) renders the correct outline color on the element.
outline-color-127 Outline-color set to 'rgb(0, 0, +255)'
  • Outline color rgb(0, 0, +255) renders the correct outline color on the element.
outline-color-128 Outline-color set to 'rgb(0, 0, 256)'
  • Outline color rgb(0, 0, 256) renders the correct outline color on the element.
outline-color-129 Outline-color set to 'aqua'
  • Outline color aqua renders the correct outline color on the element.
outline-color-130 Outline-color set to 'black'
  • Outline color black renders the correct outline color on the element.
outline-color-131 Outline-color set to 'blue'
  • Outline color blue renders the correct outline color on the element.
outline-color-132 Outline-color set to 'fuchsia'
  • Outline color fuchsia renders the correct outline color on the element.
outline-color-133 Outline-color set to 'gray'
  • Outline color gray renders the correct outline color on the element.
outline-color-134 Outline-color set to 'green'
  • Outline color green renders the correct outline color on the element.
outline-color-135 Outline-color set to 'lime'
  • Outline color lime renders the correct outline color on the element.
outline-color-136 Outline-color set to 'maroon'
  • Outline color maroon renders the correct outline color on the element.
outline-color-137 Outline-color set to 'navy'
  • Outline color navy renders the correct outline color on the element.
outline-color-138 Outline-color set to 'olive'
  • Outline color olive renders the correct outline color on the element.
outline-color-139 Outline-color set to 'orange'
  • Outline color orange renders the correct outline color on the element.
outline-color-140 Outline-color set to 'purple'
  • Outline color purple renders the correct outline color on the element.
outline-color-141 Outline-color set to 'red'
  • Outline color red renders the correct outline color on the element.
outline-color-142 Outline-color set to 'silver'
  • Outline color silver renders the correct outline color on the element.
outline-color-143 Outline-color set to 'teal'
  • Outline color teal renders the correct outline color on the element.
outline-color-144 Outline-color set to 'white'
  • Outline color white renders the correct outline color on the element.
outline-color-145 Outline-color set to 'yellow'
  • Outline color yellow renders the correct outline color on the element.
outline-color-174 Outline color set to 'invert'
  • Outline color 'invert' makes outline visible on any background color.
outline-color-175 Outline-color set to 'inherit'
  • Outline color inherit renders the correct outline color on the element.
outline-color-applies-to-001 Outline-color applied to element with display table-row-group
  • The 'outline-color' property applies to elements with a display of table-row-group.
outline-color-applies-to-002 Outline-color applied to element with display table-header-group
  • The 'outline-color' property applies to elements with a display of table-header-group.
outline-color-applies-to-003 Outline-color applied to element with display table-footer-group
  • The 'outline-color' property applies to elements with a display of table-footer-group.
outline-color-applies-to-004 Outline-color applied to element with display table-row
  • The 'outline-color' property applies to elements with a display of table-row.
outline-color-applies-to-005 Outline-color applied to element with display table-column-group
  • The 'outline-color' property does not apply to elements with a display of table-column-group.
outline-color-applies-to-006 Outline-color applied to element with display table-column
  • The 'outline-color' property does not apply to elements with a display of table-column.
outline-color-applies-to-007 Outline-color applied to element with display table-cell
  • The 'outline-color' property applies to elements with a display of table-cell.
outline-color-applies-to-008 Outline-color applied to element with display inline
  • The 'outline-color' property applies to elements with a display of inline.
outline-color-applies-to-009 Outline-color applied to element with display block
  • The 'outline-color' property applies to elements with a display of block.
outline-color-applies-to-010 Outline-color applied to element with display list-item
  • The 'outline-color' property applies to elements with a display of list-item.
outline-color-applies-to-011 Outline-color applied to element with display run-in
  • The 'outline-color' property applies to elements with a display of run-in.
outline-color-applies-to-012 Outline-color applied to element with display inline-block
  • The 'outline-color' property applies to elements with a display of inline-block.
outline-color-applies-to-013 Outline-color applied to element with display table
  • The 'outline-color' property applies to elements with a display of table.
outline-color-applies-to-014 Outline-color applied to element with display inline-table
  • The 'outline-color' property applies to elements with a display of inline-table.
outline-color-applies-to-015 Outline-color applied to element with display table-caption
  • The 'outline-color' property applies to elements with a display of table-caption.
outline-individual-001 Invalid Outline-top is not valid
  • Outline does not support setting individual values for the outline like 'outline-top'.
outline-individual-002 Invalid Outline-left is not valid
  • Outline does not support setting individual values for the outline like 'outline-left'.
outline-individual-003 Invalid Outline-bottom is not valid
  • Outline does not support setting individual values for the outline like 'outline-bottom'.
outline-individual-004 Invalid Outline-right is not valid
  • Outline does not support setting individual values for the outline like 'outline-right'.
outline-layout-001 Outlines and box layout
  • Outlines do not affect box layout.
outline-layout-002 Outline and text layout
  • Outlines are visual indications that do not affect layout of other elements or text.
outline-layout-003 Optional Outline and border placement
  • Outline may be drawn directly outside of the border.
outline-layout-004 Outline is connected and closed
  • Outline is connected and encloses the appropriate content.
outline-layout-005 Outline is the same on all sides
  • Outline is the same on all sides.
outline-no-relayout-001 DOM/JSInteract Outline-width is changed via script
  • Scripts can change outline width, without causing a reflow.
outline-overlap-001 Outline overlaps with other elements
  • Outline can overlap with other elements.
outline-style-001 Outline-style set to 'none'
  • Outline style 'none' results in no outline.
outline-style-002 Outline-style set to 'dotted'
  • Outline style 'dotted' results in a dotted outline.
outline-style-003 Outline-style set to 'dashed'
  • Outline style 'dashed' results in a dashed outline.
outline-style-004 Outline-style set to 'solid'
  • Outline style 'solid' results in a solid outline.
outline-style-005 Outline-style set to 'double'
  • Outline style 'double' results in a double-line outline.
outline-style-006 Outline-style set to 'groove'
  • Outline style 'groove' results in a carved outline.
outline-style-007 Outline-style set to 'ridge'
  • Outline style 'ridge' results in a ridged outline (as if it were a bump around the box).
outline-style-008 Outline-style set to 'inset'
  • Outline style 'inset' results in a sunken box.
outline-style-009 Outline-style set to 'outset'
  • Outline style 'outset' results in a raised box.
outline-style-010 Outline-style set to 'inherit'
  • Outline-style with value 'inherit' uses its parent's outline-style value.
outline-style-applies-to-001 Outline-style applied to element with display table-row-group
  • The 'outline-style' property applies to elements with a display of table-row-group.
outline-style-applies-to-002 Outline-style applied to element with display table-header-group
  • The 'outline-style' property applies to elements with a display of table-header-group.
outline-style-applies-to-003 Outline-style applied to element with display table-footer-group
  • The 'outline-style' property applies to elements with a display of table-footer-group.
outline-style-applies-to-004 Outline-style applied to element with display table-row
  • The 'outline-style' property applies to elements with a display of table-row.
outline-style-applies-to-005 Outline-style applied to element with display table-column-group
  • The 'outline-style' property does not apply to elements with a display of table-column-group.
outline-style-applies-to-006 Outline-style applied to element with display table-column
  • The 'outline-style' property does not apply to elements with a display of table-column.
outline-style-applies-to-007 Outline-style applied to element with display table-cell
  • The 'outline-style' property applies to elements with a display of table-cell.
outline-style-applies-to-008 Outline-style applied to element with display inline
  • The 'outline-style' property applies to elements with a display of inline.
outline-style-applies-to-009 Outline-style applied to element with display block
  • The 'outline-style' property applies to elements with a display of block.
outline-style-applies-to-010 Outline-style applied to element with display list-item
  • The 'outline-style' property applies to elements with a display of list-item.
outline-style-applies-to-011 Outline-style applied to element with display run-in
  • The 'outline-style' property applies to elements with a display of run-in.
outline-style-applies-to-012 Outline-style applied to element with display inline-block
  • The 'outline-style' property applies to elements with a display of inline-block.
outline-style-applies-to-013 Outline-style applied to element with display table
  • The 'outline-style' property applies to elements with a display of table.
outline-style-applies-to-014 Outline-style applied to element with display inline-table
  • The 'outline-style' property applies to elements with a display of inline-table.
outline-style-applies-to-015 Outline-style applied to element with display table-caption
  • The 'outline-style' property applies to elements with a display of table-caption.
outline-style-hidden-001 Outline-style set to 'hidden'
  • Outline style does not support the 'border-style' value of 'hidden'.
outline-width-001 Invalid Outline-width - outline the box with a -1px solid outline
  • The 'outline-width' property does not support a negative length value in pixels and is ignored.
outline-width-002 Outline-width set to a minimum value for pixels
  • The 'outline-width' property supports a minimum length value in pixels that sets the width of the outline.
outline-width-003 Outline-width - outline the box with a 1px solid outline
  • The 'outline-width' property supports a minimum plus one length value in pixels that sets the width of the outline.
outline-width-004 Outline-width - outline the box with a -0px solid outline
  • The 'outline-width' property supports a minimum length value in pixels that that has a minus sign before it.
outline-width-005 Outline-width - outline the box with a +0px solid outline
  • The 'outline-width' property supports a minimum length value in pixels that that has a plus sign before it.
outline-width-006 Outline-width - outline the box with a 5px solid outline
  • The 'outline-width' property supports a nominal length value in pixels that sets the width of the outline.
outline-width-007 Outline-width - outline the box with a +5px solid outline
  • The 'outline-width' property supports a nominal length value in pixels that has a plus sign before it.
outline-width-012 Invalid Outline-width with a minimum minus one value in points
  • The 'outline-width' property does not support a negative length value in points and is ignored.
outline-width-013 Outline-width with a minimum value in points
  • The 'outline-width' property supports a minimum length value in points that sets the width of the outline.
outline-width-014 Outline-width with a minimum plus one value in points
  • The 'outline-width' property supports a minimum plus one length value in points that sets the width of the outline.
outline-width-015 Outline-width with a negative minimum value in points
  • The 'outline-width' property supports a minimum length value in points that that has a minus sign before it.
outline-width-016 Outline-width with a positive minimum value in points
  • The 'outline-width' property supports a minimum length value in points that that has a plus sign before it.
outline-width-017 Outline-width - outline the box with a 5pt solid outline
  • The 'outline-width' property supports a nominal length value in points that sets the width of the outline.
outline-width-018 Outline-width - outline the box with a +5pt solid outline
  • The 'outline-width' property supports a nominal length value in points that has a plus sign before it.
outline-width-023 Invalid Outline-width - outline the box with a -1pc solid outline
  • The 'outline-width' property does not support a negative length value in picas and is ignored.
outline-width-024 Outline-width - outline the box with a 0pc solid outline
  • The 'outline-width' property supports a minimum length value in picas that sets the width of the outline.
outline-width-025 Outline-width - outline the box with a 1pc solid outline
  • The 'outline-width' property supports a minimum plus one length value in picas that sets the width of the outline.
outline-width-026 Outline-width - outline the box with a -0pc solid outline
  • The 'outline-width' property supports a minimum length value in picas that that has a minus sign before it.
outline-width-027 Outline-width - outline the box with a +0pc solid outline
  • The 'outline-width' property supports a minimum length value in picas that that has a plus sign before it.
outline-width-028 Outline-width - outline the box with a 5pc solid outline
  • The 'outline-width' property supports a nominal length value in picas that sets the width of the outline.
outline-width-029 Outline-width - outline the box with a +5pc solid outline
  • The 'outline-width' property supports a nominal length value in picas that has a plus sign before it.
outline-width-034 Invalid Outline-width - outline the box with a -1cm solid outline
  • The 'outline-width' property does not support a negative length value in centimeters and is ignored.
outline-width-035 Outline-width - outline the box with a 0cm solid outline
  • The 'outline-width' property supports a minimum length value in centimeters that sets the width of the outline.
outline-width-036 Outline-width - outline the box with a 1cm solid outline
  • The 'outline-width' property supports a minimum plus one length value in centimeters that sets the width of the outline.
outline-width-037 Outline-width - outline the box with a -0cm solid outline
  • The 'outline-width' property supports a minimum length value in centimeters that that has a minus sign before it.
outline-width-038 Outline-width - outline the box with a +0cm solid outline
  • The 'outline-width' property supports a minimum length value in centimeters that that has a plus sign before it.
outline-width-039 Outline-width - outline the box with a 5cm solid outline
  • The 'outline-width' property supports a nominal length value in centimeters that sets the width of the outline.
outline-width-040 Outline-width - outline the box with a +5cm solid outline
  • The 'outline-width' property supports a nominal length value in centimeters that has a plus sign before it.
outline-width-045 Invalid Outline-width - outline the box with a -1mm solid outline
  • The 'outline-width' property does not support a negative length value in millimeters and is ignored.
outline-width-046 Outline-width - outline the box with a 0mm solid outline
  • The 'outline-width' property supports a minimum length value in millimeters that sets the width of the outline.
outline-width-047 Outline-width - outline the box with a 1mm solid outline
  • The 'outline-width' property supports a minimum plus one length value in millimeters that sets the width of the outline.
outline-width-048 Outline-width - outline the box with a -0mm solid outline
  • The 'outline-width' property supports a minimum length value in millimeters that that has a minus sign before it.
outline-width-049 Outline-width - outline the box with a +0mm solid outline
  • The 'outline-width' property supports a minimum length value in millimeters that that has a plus sign before it.
outline-width-050 Outline-width - outline the box with a 5mm solid outline
  • The 'outline-width' property supports a nominal length value in millimeters that sets the width of the outline.
outline-width-051 Outline-width - outline the box with a +5mm solid outline
  • The 'outline-width' property supports a nominal length value in millimeters that has a plus sign before it.
outline-width-056 Invalid Outline-width - outline the box with a -1in solid outline
  • The 'outline-width' property does not support a negative length value in inches and is ignored.
outline-width-057 Outline-width - outline the box with a 0in solid outline
  • The 'outline-width' property supports a minimum length value in inches that sets the width of the outline.
outline-width-058 Outline-width - outline the box with a 1in solid outline
  • The 'outline-width' property supports a minimum plus one length value in inches that sets the width of the outline.
outline-width-059 Outline-width - outline the box with a -0in solid outline
  • The 'outline-width' property supports a minimum length value in inches that that has a minus sign before it.
outline-width-060 Outline-width - outline the box with a +0in solid outline
  • The 'outline-width' property supports a minimum length value in inches that that has a plus sign before it.
outline-width-061 Outline-width - outline the box with a 5in solid outline
  • The 'outline-width' property supports a nominal length value in inches that sets the width of the outline.
outline-width-062 Outline-width - outline the box with a +5in solid outline
  • The 'outline-width' property supports a nominal length value in inches that has a plus sign before it.
outline-width-067 Invalid Outline-width - outline the box with a -1em solid outline
  • The 'outline-width' property does not support a negative length value in 'em' units and is ignored.
outline-width-068 Outline-width - outline the box with a 0em solid outline
  • The 'outline-width' property supports a minimum length value in 'em' units that sets the width of the outline.
outline-width-069 Outline-width - outline the box with a 1em solid outline
  • The 'outline-width' property supports a minimum plus one length value in 'em' units that sets the width of the outline.
outline-width-070 Outline-width - outline the box with a -0em solid outline
  • The 'outline-width' property supports a minimum length value in 'em' units that that has a minus sign before it.
outline-width-071 Outline-width - outline the box with a +0em solid outline
  • The 'outline-width' property supports a minimum length value in 'em' units that that has a plus sign before it.
outline-width-072 Outline-width - outline the box with a 5em solid outline
  • The 'outline-width' property supports a nominal length value in 'em' units that sets the width of the outline.
outline-width-073 Outline-width - outline the box with a +5em solid outline
  • The 'outline-width' property supports a nominal length value in 'em' units that has a plus sign before it.
outline-width-078 Invalid Outline-width - outline the box with a -1ex solid outline
  • The 'outline-width' property does not support a negative length value in 'ex' units and is ignored.
outline-width-079 Outline-width - outline the box with a 0ex solid outline
  • The 'outline-width' property supports a minimum length value in 'ex' units that sets the width of the outline.
outline-width-080 Outline-width - outline the box with a 1ex solid outline
  • The 'outline-width' property supports a minimum plus one length value in 'ex' units that sets the width of the outline.
outline-width-081 Outline-width - outline the box with a -0ex solid outline
  • The 'outline-width' property supports a minimum length value in 'ex' units that that has a minus sign before it.
outline-width-082 Outline-width - outline the box with a +0ex solid outline
  • The 'outline-width' property supports a minimum length value in 'ex' units that that has a plus sign before it.
outline-width-083 Outline-width - outline the box with a 5ex solid outline
  • The 'outline-width' property supports a nominal length value in 'ex' units that sets the width of the outline.
outline-width-084 Outline-width - outline the box with a +5ex solid outline
  • The 'outline-width' property supports a nominal length value in 'ex' units that has a plus sign before it.
outline-width-089 Outline-width - outline the box with a -0 solid outline
  • The 'outline-width' property supports a minimum length value with no units that has a minus sign before it.
outline-width-090 Outline-width - outline the box with a 0 solid outline
  • The 'outline-width' property supports a minimum length value with no units.
outline-width-091 Outline-width - outline the box with a +0 solid outline
  • The 'outline-width' property supports a minimum length value with no units that has a plus sign before it.
outline-width-092 Outline-width - outline the box with a thin solid outline
  • The 'outline-width' property supports a value of 'thin'.
outline-width-093 Outline-width - outline the box with a medium solid outline
  • The 'outline-width' property supports a value of 'medium'.
outline-width-094 Outline-width - outline the box with a thick solid outline
  • The 'outline-width' property supports a value of 'thick'.
outline-width-095 Outline-width set to 'inherit'
  • The 'outline-width' property supports a value of 'inherit' and gets its computed value from its parent.
outline-width-096 outline-width - 'outline-style: none' and inherit
  • The computed value of 'outline-width' property is '0' if 'outline-style' is 'none'
outline-width-applies-to-001 Outline-width applied to element with display table-row-group
  • The 'outline-width' property applies to elements with a display of table-row-group.
outline-width-applies-to-002 Outline-width applied to element with display table-header-group
  • The 'outline-width' property applies to elements with a display of table-header-group.
outline-width-applies-to-003 Outline-width applied to element with display table-footer-group
  • The 'outline-width' property applies to elements with a display of table-footer-group.
outline-width-applies-to-004 Outline-width applied to element with display table-row
  • The 'outline-width' property applies to elements with a display of table-row.
outline-width-applies-to-005 Outline-width applied to element with display table-column-group
  • The 'outline-width' property does not apply to elements with a display of table-column-group.
outline-width-applies-to-006 Outline-width applied to element with display table-column
  • The 'outline-width' property does not apply to elements with a display of table-column.
outline-width-applies-to-007 Outline-width applied to element with display table-cell
  • The 'outline-width' property applies to elements with a display of table-cell.
outline-width-applies-to-008 Outline-width applied to element with display inline
  • The 'outline-width' property applies to elements with a display of inline.
outline-width-applies-to-009 Outline-width applied to element with display block
  • The 'outline-width' property applies to elements with a display of block.
outline-width-applies-to-010 Outline-width applied to element with display list-item
  • The 'outline-width' property applies to elements with a display of list-item.
outline-width-applies-to-011 Outline-width applied to element with display run-in
  • The 'outline-width' property applies to elements with a display of run-in.
outline-width-applies-to-012 Outline-width applied to element with display inline-block
  • The 'outline-width' property applies to elements with a display of inline-block.
outline-width-applies-to-013 Outline-width applied to element with display table
  • The 'outline-width' property applies to elements with a display of table.
outline-width-applies-to-014 Outline-width applied to element with display inline-table
  • The 'outline-width' property applies to elements with a display of inline-table.
outline-width-applies-to-015 Outline-width applied to element with display table-caption
  • The 'outline-width' property applies to elements with a display of table-caption.
+ 18.4.1 Outlines and the focus
outline-pseudo-selector-001 Interact Outline specified with the ':focus' selector
  • Outline works with the ':focus' selectors.
outline-pseudo-selector-002 Interact Outline specified with the ':hover' selector
  • Outline works with the ':hover' selector.
outline-pseudo-selector-003 Interact Outline specified with the ':active' selector
  • Outline works with the ':active' selectors.
+ 18.5 Magnification