18.4 Dynamic outlines: the 'outline' property

Chapter 18 - User interface - 18.4 Dynamic outlines: the 'outline' property

Go to the relevant page of the specification.

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 (ahem, interact)
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 (ahem, interact)
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-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-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 (may)
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, interact)
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-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-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.