|
+
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-019 |
|
AhemInteract |
outline - text-align
- The outline should be drawn around an object and may be drawn starting just outside the border edge of such object.
|
|
outline-020 |
|
AhemInteract |
outline - text-align
- The outline should be drawn around an object and may be drawn starting just outside the border edge of such object.
|
|
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.
|