-
Properties
-
-webkit-app-region
-
manifest-incubations
#dfn-webkit-app-region:
drag | no-drag
-
manifest-incubations
#dfn-webkit-app-region:
-
-webkit-appearance
-
css-ui-4
#propdef--webkit-appearance:
none | auto | <compat-auto> | <compat-special>
-
css-ui-4
#propdef--webkit-appearance:
-
-webkit-line-clamp
-
css-overflow-4
#propdef--webkit-line-clamp:
none | <integer [1,∞]>
-
css-overflow-4
#propdef--webkit-line-clamp:
-
-webkit-user-select
-
css-ui-4
#propdef--webkit-user-select:
auto | text | none | contain | all
-
css-ui-4
#propdef--webkit-user-select:
-
accent-color
-
css-ui-4
#propdef-accent-color:
auto | <color>
-
css-ui-4
#propdef-accent-color:
-
align-content
-
css-align-3
#propdef-align-content:
normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>
-
css-flexbox-1
#propdef-align-content:
flex-start | flex-end | center | space-between | space-around | stretch
-
css-align-3
#propdef-align-content:
-
align-items
-
css-align-3
#propdef-align-items:
normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]
-
css-anchor-position-1
#ref-for-propdef-align-items:
anchor-center
-
css-flexbox-1
#propdef-align-items:
flex-start | flex-end | center | baseline | stretch
-
css-align-3
#propdef-align-items:
-
align-self
-
css-align-3
#propdef-align-self:
auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>
-
css-anchor-position-1
#ref-for-propdef-align-self①:
anchor-center
-
css-flexbox-1
#propdef-align-self:
auto | flex-start | flex-end | center | baseline | stretch
-
css-align-3
#propdef-align-self:
-
alignment-baseline
-
css-inline-3
#propdef-alignment-baseline:
baseline | text-bottom | alphabetic | ideographic | middle | central | mathematical | text-top
-
css-inline-3
#propdef-alignment-baseline:
-
all
-
css-cascade-5
#propdef-all:
initial | inherit | unset | revert | revert-layer
-
css-cascade-4
#propdef-all:
initial | inherit | unset | revert
-
css-cascade-3
#propdef-all:
initial | inherit | unset
-
css-cascade-5
#propdef-all:
-
anchor-scope
-
css-anchor-position-1
#propdef-anchor-scope:
none | all | <dashed-ident>#
-
css-anchor-position-1
#propdef-anchor-scope:
-
animation-duration
-
css-animations-2
#propdef-animation-duration:
[ auto | <time [0s,∞]> ]#
-
css-animations-1
#propdef-animation-duration:
<time [0s,∞]>#
-
css-animations-2
#propdef-animation-duration:
-
animation-name
-
css-animations-1
#propdef-animation-name:
[ none | <keyframes-name> ]#
-
css-animations-1
#propdef-animation-name:
-
app-region
-
manifest-incubations
#dfn-app-region:
drag | no-drag
-
manifest-incubations
#dfn-app-region:
-
appearance
-
css-ui-4
#propdef-appearance:
none | auto | <compat-auto> | <compat-special>
-
css-ui-4
#propdef-appearance:
-
aspect-ratio
-
css-sizing-4
#propdef-aspect-ratio:
auto || <ratio>
-
css-sizing-4
#propdef-aspect-ratio:
-
backface-visibility
-
css-transforms-2
#propdef-backface-visibility:
visible | hidden
-
css-transforms-2
#propdef-backface-visibility:
-
background-position-block
-
css-backgrounds-4
#propdef-background-position-block:
[ center | [ [ start | end ]? <length-percentage>? ]! ]#
-
css-backgrounds-4
#propdef-background-position-block:
-
background-position-inline
-
css-backgrounds-4
#propdef-background-position-inline:
[ center | [ [ start | end ]? <length-percentage>? ]! ]#
-
css-backgrounds-4
#propdef-background-position-inline:
-
background-position-x
-
css-backgrounds-4
#propdef-background-position-x:
[ center | [ [ left | right | x-start | x-end ]? <length-percentage>? ]! ]#
-
css-backgrounds-4
#propdef-background-position-x:
-
background-position-y
-
css-backgrounds-4
#propdef-background-position-y:
[ center | [ [ top | bottom | y-start | y-end ]? <length-percentage>? ]! ]#
-
css-backgrounds-4
#propdef-background-position-y:
-
baseline-shift
-
css-inline-3
#propdef-baseline-shift:
<length-percentage> | sub | super | top | center | bottom
-
css-inline-3
#propdef-baseline-shift:
-
baseline-source
-
css-inline-3
#propdef-baseline-source:
auto | first | last
-
css-inline-3
#propdef-baseline-source:
-
block-ellipsis
-
css-overflow-4
#propdef-block-ellipsis:
none | auto | <string>
-
css-overflow-4
#propdef-block-ellipsis:
-
block-size
-
css-logical-1
#propdef-block-size:
<'width'>
-
css-sizing-4
#ref-for-propdef-block-size:
stretch | fit-content | contain
-
css-logical-1
#propdef-block-size:
-
block-step
-
css-rhythm-1
#propdef-block-step:
<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>
-
css-rhythm-1
#propdef-block-step:
-
block-step-align
-
css-rhythm-1
#propdef-block-step-align:
auto | center | start | end
-
css-rhythm-1
#propdef-block-step-align:
-
block-step-insert
-
css-rhythm-1
#propdef-block-step-insert:
margin | padding
-
css-rhythm-1
#propdef-block-step-insert:
-
block-step-round
-
css-rhythm-1
#propdef-block-step-round:
up | down | nearest
-
css-rhythm-1
#propdef-block-step-round:
-
block-step-size
-
css-rhythm-1
#propdef-block-step-size:
none | <length [0,∞]>
-
css-rhythm-1
#propdef-block-step-size:
-
bookmark-level
-
css-content-3
#propdef-bookmark-level:
none | <integer [1,∞]>
-
css-content-3
#propdef-bookmark-level:
-
bookmark-state
-
css-content-3
#propdef-bookmark-state:
open | closed
-
css-content-3
#propdef-bookmark-state:
-
border
-
css-backgrounds-3
#propdef-border:
<line-width> || <line-style> || <color>
-
css-backgrounds-3
#propdef-border:
-
border-block-end-radius
-
css-borders-4
#propdef-border-block-end-radius:
<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?
-
css-borders-4
#propdef-border-block-end-radius:
-
border-block-start-radius
-
css-borders-4
#propdef-border-block-start-radius:
<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?
-
css-borders-4
#propdef-border-block-start-radius:
-
border-bottom-left-radius
-
css-borders-4
#propdef-border-bottom-left-radius:
<length-percentage [0,∞]>{1,2}
-
css-backgrounds-3
#propdef-border-bottom-left-radius:
<length-percentage [0,∞]>{1,2}
-
css-borders-4
#propdef-border-bottom-left-radius:
-
border-bottom-radius
-
css-borders-4
#propdef-border-bottom-radius:
<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?
-
css-borders-4
#propdef-border-bottom-radius:
-
border-bottom-right-radius
-
css-borders-4
#propdef-border-bottom-right-radius:
<length-percentage [0,∞]>{1,2}
-
css-backgrounds-3
#propdef-border-bottom-right-radius:
<length-percentage [0,∞]>{1,2}
-
css-borders-4
#propdef-border-bottom-right-radius:
-
border-boundary
-
css-round-display-1
#propdef-border-boundary:
none | parent | display
-
css-round-display-1
#propdef-border-boundary:
-
border-clip
-
css-borders-4
#propdef-border-clip:
normal | [ <length-percentage [0,∞]> | <flex> ]+
-
css-borders-4
#propdef-border-clip:
-
border-clip-bottom
-
css-borders-4
#propdef-border-clip-bottom:
normal | [ <length-percentage [0,∞]> | <flex> ]+
-
css-borders-4
#propdef-border-clip-bottom:
-
border-clip-left
-
css-borders-4
#propdef-border-clip-left:
normal | [ <length-percentage [0,∞]> | <flex> ]+
-
css-borders-4
#propdef-border-clip-left:
-
border-clip-right
-
css-borders-4
#propdef-border-clip-right:
normal | [ <length-percentage [0,∞]> | <flex> ]+
-
css-borders-4
#propdef-border-clip-right:
-
border-clip-top
-
css-borders-4
#propdef-border-clip-top:
normal | [ <length-percentage [0,∞]> | <flex> ]+
-
css-borders-4
#propdef-border-clip-top:
-
border-collapse
-
css-tables-3
#propdef-border-collapse:
separate | collapse
-
css-tables-3
#propdef-border-collapse:
-
border-color
-
css-borders-4
#propdef-border-color:
[ <color> | <image-1D> ]{1,4}
-
css-backgrounds-3
#propdef-border-color:
<color>{1,4}
-
css-borders-4
#propdef-border-color:
-
border-end-end-radius
-
css-borders-4
#propdef-border-end-end-radius:
<length-percentage [0,∞]>{1,2}
-
css-logical-1
#propdef-border-end-end-radius:
<'border-top-left-radius'>
-
css-borders-4
#propdef-border-end-end-radius:
-
border-end-start-radius
-
css-borders-4
#propdef-border-end-start-radius:
<length-percentage [0,∞]>{1,2}
-
css-logical-1
#propdef-border-end-start-radius:
<'border-top-left-radius'>
-
css-borders-4
#propdef-border-end-start-radius:
-
border-image
-
css-backgrounds-3
#propdef-border-image:
<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>
-
css-backgrounds-3
#propdef-border-image:
-
border-image-outset
-
css-backgrounds-3
#propdef-border-image-outset:
[ <length [0,∞]> | <number [0,∞]> ]{1,4}
-
css-backgrounds-3
#propdef-border-image-outset:
-
border-image-repeat
-
css-backgrounds-3
#propdef-border-image-repeat:
[ stretch | repeat | round | space ]{1,2}
-
css-backgrounds-3
#propdef-border-image-repeat:
-
border-image-slice
-
css-backgrounds-3
#propdef-border-image-slice:
[<number [0,∞]> | <percentage [0,∞]>]{1,4} && fill?
-
css-backgrounds-3
#propdef-border-image-slice:
-
border-image-width
-
css-backgrounds-3
#propdef-border-image-width:
[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}
-
css-backgrounds-3
#propdef-border-image-width:
-
border-inline-end-radius
-
css-borders-4
#propdef-border-inline-end-radius:
<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?
-
css-borders-4
#propdef-border-inline-end-radius:
-
border-inline-start-radius
-
css-borders-4
#propdef-border-inline-start-radius:
<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?
-
css-borders-4
#propdef-border-inline-start-radius:
-
border-left
-
css-borders-4
#propdef-border-left:
<line-width> || <line-style> || <color>
-
css-backgrounds-3
#propdef-border-left:
<line-width> || <line-style> || <color>
-
css-borders-4
#propdef-border-left:
-
border-left-radius
-
css-borders-4
#propdef-border-left-radius:
<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?
-
css-borders-4
#propdef-border-left-radius:
-
border-limit
-
css-borders-4
#propdef-border-limit:
all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>
-
css-borders-4
#propdef-border-limit:
-
border-radius
-
css-borders-4
#propdef-border-radius:
<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?
-
css-backgrounds-3
#propdef-border-radius:
<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?
-
css-borders-4
#propdef-border-radius:
-
border-right
-
css-borders-4
#propdef-border-right:
<line-width> || <line-style> || <color>
-
css-backgrounds-3
#propdef-border-right:
<line-width> || <line-style> || <color>
-
css-borders-4
#propdef-border-right:
-
border-right-radius
-
css-borders-4
#propdef-border-right-radius:
<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?
-
css-borders-4
#propdef-border-right-radius:
-
border-start-end-radius
-
css-borders-4
#propdef-border-start-end-radius:
<length-percentage [0,∞]>{1,2}
-
css-logical-1
#propdef-border-start-end-radius:
<'border-top-left-radius'>
-
css-borders-4
#propdef-border-start-end-radius:
-
border-start-start-radius
-
css-borders-4
#propdef-border-start-start-radius:
<length-percentage [0,∞]>{1,2}
-
css-logical-1
#propdef-border-start-start-radius:
<'border-top-left-radius'>
-
css-borders-4
#propdef-border-start-start-radius:
-
border-top
-
css-borders-4
#propdef-border-top:
<line-width> || <line-style> || <color>
-
css-backgrounds-3
#propdef-border-top:
<line-width> || <line-style> || <color>
-
css-borders-4
#propdef-border-top:
-
border-top-left-radius
-
css-borders-4
#propdef-border-top-left-radius:
<length-percentage [0,∞]>{1,2}
-
css-backgrounds-3
#propdef-border-top-left-radius:
<length-percentage [0,∞]>{1,2}
-
css-borders-4
#propdef-border-top-left-radius:
-
border-top-radius
-
css-borders-4
#propdef-border-top-radius:
<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?
-
css-borders-4
#propdef-border-top-radius:
-
border-top-right-radius
-
css-borders-4
#propdef-border-top-right-radius:
<length-percentage [0,∞]>{1,2}
-
css-backgrounds-3
#propdef-border-top-right-radius:
<length-percentage [0,∞]>{1,2}
-
css-borders-4
#propdef-border-top-right-radius:
-
box-decoration-break
-
css-break-4
#propdef-box-decoration-break:
slice | clone
-
css-break-3
#propdef-box-decoration-break:
slice | clone
-
css-break-4
#propdef-box-decoration-break:
-
box-shadow-blur
-
css-borders-4
#propdef-box-shadow-blur:
<length [0,∞]>#
-
css-borders-4
#propdef-box-shadow-blur:
-
box-shadow-offset
-
css-borders-4
#propdef-box-shadow-offset:
[ none | <length>{2} ]#
-
css-borders-4
#propdef-box-shadow-offset:
-
box-shadow-position
-
css-borders-4
#propdef-box-shadow-position:
[ outset | inset ]#
-
css-borders-4
#propdef-box-shadow-position:
-
box-sizing
-
css-sizing-3
#propdef-box-sizing:
content-box | border-box
-
css-ui-3
#propdef-box-sizing:
content-box | border-box
-
css-sizing-3
#propdef-box-sizing:
-
box-snap
-
css-line-grid-1
#propdef-box-snap:
none | block-start | block-end | center | baseline | last-baseline
-
css-line-grid-1
#propdef-box-snap:
-
break-after
-
css-break-4
#propdef-break-after:
auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
-
css-break-3
#propdef-break-after:
auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
-
css-break-4
#propdef-break-after:
-
break-before
-
css-break-4
#propdef-break-before:
auto | avoid | always | all | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
-
css-break-3
#propdef-break-before:
auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
-
css-break-4
#propdef-break-before:
-
break-inside
-
css-break-4
#propdef-break-inside:
auto | avoid | avoid-page | avoid-column | avoid-region
-
css-break-3
#propdef-break-inside:
auto | avoid | avoid-page | avoid-column | avoid-region
-
css-break-4
#propdef-break-inside:
-
caret
-
css-ui-4
#propdef-caret:
<'caret-color'> || <'caret-animation'> || <'caret-shape'>
-
css-ui-4
#propdef-caret:
-
caret-animation
-
css-ui-4
#propdef-caret-animation:
auto | manual
-
css-ui-4
#propdef-caret-animation:
-
caret-color
-
css-ui-4
#propdef-caret-color:
auto | <color>
-
css-ui-3
#propdef-caret-color:
auto | <color>
-
css-ui-4
#propdef-caret-color:
-
caret-shape
-
css-ui-4
#propdef-caret-shape:
auto | bar | block | underscore
-
css-ui-4
#propdef-caret-shape:
-
clear
-
css-page-floats-3
#propdef-clear:
inline-start | inline-end | block-start | block-end | left | right | top | bottom | both-inline | both-block | both | none
-
css-logical-1
#ref-for-propdef-clear①:
inline-start | inline-end
-
css-page-floats-3
#propdef-clear:
-
clip
-
css-masking-1
#propdef-clip:
<rect()> | auto
-
css-masking-1
#propdef-clip:
-
clip-path
-
css-masking-1
#propdef-clip-path:
<clip-source> | [ <basic-shape> || <geometry-box> ] | none
-
css-masking-1
#propdef-clip-path:
-
clip-rule
-
css-masking-1
#propdef-clip-rule:
nonzero | evenodd
-
css-masking-1
#propdef-clip-rule:
-
color-interpolation
-
SVG2/painting
#ColorInterpolationProperty:
auto | sRGB | linearRGB
-
SVG2/painting
#ColorInterpolationProperty:
-
color-interpolation-filters
-
filter-effects-1
#propdef-color-interpolation-filters:
auto | sRGB | linearRGB
-
filter-effects-1
#propdef-color-interpolation-filters:
-
color-rendering
-
#ColorRenderingProperty:
auto | optimizeSpeed | optimizeQuality
-
#ColorRenderingProperty:
-
color-scheme
-
css-color-adjust-1
#propdef-color-scheme:
normal | [ light | dark | <custom-ident> ]+ && only?
-
css-color-adjust-1
#propdef-color-scheme:
-
column-count
-
css-multicol-1
#propdef-column-count:
auto | <integer [1,∞]>
-
css-multicol-1
#propdef-column-count:
-
column-fill
-
css-multicol-1
#propdef-column-fill:
auto | balance | balance-all
-
css-multicol-1
#propdef-column-fill:
-
column-gap
-
css-align-3
#propdef-column-gap:
normal | <length-percentage [0,∞]>
-
css-align-3
#propdef-column-gap:
-
column-span
-
css-multicol-2
#propdef-column-span:
none | <integer [1,∞]> | all | auto
-
css-multicol-1
#propdef-column-span:
none | all
-
css-multicol-2
#propdef-column-span:
-
column-width
-
css-multicol-1
#propdef-column-width:
auto | <length [0,∞]>
-
css-sizing-3
#ref-for-propdef-column-width②:
min-content | max-content | fit-content(<length-percentage>)
-
css-multicol-1
#propdef-column-width:
-
contain
-
css-contain-2
#propdef-contain:
none | strict | content | [ [size | inline-size] || layout || style || paint ]
-
css-contain-1
#propdef-contain:
none | strict | content | [ size || layout || paint ]
-
css-contain-2
#propdef-contain:
-
contain-intrinsic-block-size
-
css-sizing-4
#propdef-contain-intrinsic-block-size:
auto? [ none | <length> ]
-
css-sizing-4
#propdef-contain-intrinsic-block-size:
-
contain-intrinsic-height
-
css-sizing-4
#propdef-contain-intrinsic-height:
auto? [ none | <length> ]
-
css-sizing-4
#propdef-contain-intrinsic-height:
-
contain-intrinsic-inline-size
-
css-sizing-4
#propdef-contain-intrinsic-inline-size:
auto? [ none | <length> ]
-
css-sizing-4
#propdef-contain-intrinsic-inline-size:
-
contain-intrinsic-size
-
css-sizing-4
#propdef-contain-intrinsic-size:
[ auto? [ none | <length> ] ]{1,2}
-
css-sizing-4
#propdef-contain-intrinsic-size:
-
contain-intrinsic-width
-
css-sizing-4
#propdef-contain-intrinsic-width:
auto? [ none | <length> ]
-
css-sizing-4
#propdef-contain-intrinsic-width:
-
container
-
css-conditional-5
#propdef-container:
<'container-name'> [ / <'container-type'> ]?
-
css-conditional-5
#propdef-container:
-
container-type
-
css-conditional-5
#propdef-container-type:
normal | [ [ size | inline-size ] || scroll-state ]
-
css-conditional-5
#propdef-container-type:
-
content
-
css-content-3
#propdef-content:
normal | none | [ <content-replacement> | <content-list> ] [/ [ <string> | <counter> | <attr()> ]+ ]?
-
css-gcpm-3
#ref-for-propdef-content①:
<element()>
-
css-content-3
#propdef-content:
-
content-visibility
-
css-contain-2
#propdef-content-visibility:
visible | auto | hidden
-
css-contain-2
#propdef-content-visibility:
-
continue
-
css-overflow-4
#propdef-continue:
auto | discard
-
css-overflow-5
#ref-for-propdef-continue③:
overflow | paginate | fragments
-
css-overflow-4
#ref-for-propdef-continue④:
-webkit-discard
-
css-overflow-4
#propdef-continue:
-
copy-into
-
css-gcpm-4
#propdef-copy-into:
none | [ [ <custom-ident> <content-level>] [, <custom-ident> <content-level>]* ]?
-
css-gcpm-4
#propdef-copy-into:
-
corner-shape
-
css-borders-4
#propdef-corner-shape:
[ round | angle ]{1,4}
-
css-borders-4
#propdef-corner-shape:
-
counter-increment
-
css-lists-3
#propdef-counter-increment:
[ <counter-name> <integer>? ]+ | none
-
css-lists-3
#propdef-counter-increment:
-
counter-reset
-
css-lists-3
#propdef-counter-reset:
[ <counter-name> <integer>? | <reversed-counter-name> <integer>? ]+ | none
-
css-lists-3
#propdef-counter-reset:
-
counter-set
-
css-lists-3
#propdef-counter-set:
[ <counter-name> <integer>? ]+ | none
-
css-lists-3
#propdef-counter-set:
-
cue
-
css-speech-1
#propdef-cue:
<'cue-before'> <'cue-after'>?
-
css-speech-1
#propdef-cue:
-
cue-after
-
css-speech-1
#propdef-cue-after:
<uri> <decibel>? | none
-
css-speech-1
#propdef-cue-after:
-
cue-before
-
css-speech-1
#propdef-cue-before:
<uri> <decibel>? | none
-
css-speech-1
#propdef-cue-before:
-
cursor
-
css-ui-4
#propdef-cursor:
[ [ <url> | <url-set> ] [<x> <y>]? ]#? [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out ]
-
css-ui-3
#propdef-cursor:
[ [<url> [<x> <y>]?,]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out ] ]
-
css-ui-4
#propdef-cursor:
-
d
-
SVG2/paths
#DProperty:
none | <string>
-
SVG2/paths
#DProperty:
-
direction
-
css-writing-modes-4
#propdef-direction:
ltr | rtl
-
css-writing-modes-3
#propdef-direction:
ltr | rtl
-
css-writing-modes-4
#propdef-direction:
-
display
-
css-display-4
#propdef-display:
[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>
-
mathml-core
#new-display-math-value:
<display-outside> || [ <display-inside> | math ]
-
css-display-3
#propdef-display:
[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>
-
css-grid-3
#ref-for-propdef-display②:
masonry | inline-masonry
-
css-grid-2
#ref-for-propdef-display②:
grid | inline-grid
-
css-grid-1
#ref-for-propdef-display①:
grid | inline-grid
-
css-flexbox-1
#ref-for-propdef-display③:
flex | inline-flex
-
css-ruby-1
#ref-for-propdef-display②:
ruby | ruby-base | ruby-text | ruby-base-container | ruby-text-container
-
css-display-4
#propdef-display:
-
dominant-baseline
-
css-inline-3
#propdef-dominant-baseline:
auto | text-bottom | alphabetic | ideographic | middle | central | mathematical | hanging | text-top
-
css-inline-3
#propdef-dominant-baseline:
-
dynamic-range-limit
-
css-color-hdr
#propdef-dynamic-range-limit:
standard | high | constrained-high
-
css-color-hdr
#propdef-dynamic-range-limit:
-
empty-cells
-
css-tables-3
#propdef-empty-cells:
show | hide
-
css-tables-3
#propdef-empty-cells:
-
field-sizing
-
css-ui-4
#propdef-field-sizing:
fixed | content
-
css-ui-4
#propdef-field-sizing:
-
fill
-
fill-stroke-3
#propdef-fill:
<'background'> with modifications
-
SVG2/painting
#FillProperty:
<paint>
-
fill-stroke-3
#propdef-fill:
-
fill-break
-
fill-stroke-3
#propdef-fill-break:
bounding-box | slice | clone
-
fill-stroke-3
#propdef-fill-break:
-
fill-origin
-
fill-stroke-3
#propdef-fill-origin:
match-parent | fill-box | stroke-box | content-box | padding-box | border-box
-
fill-stroke-3
#propdef-fill-origin:
-
fill-rule
-
fill-stroke-3
#propdef-fill-rule:
nonzero | evenodd
-
SVG2/painting
#FillRuleProperty:
nonzero | evenodd
-
fill-stroke-3
#propdef-fill-rule:
-
flex
-
css-flexbox-1
#propdef-flex:
none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
-
css-flexbox-1
#propdef-flex:
-
flex-basis
-
css-flexbox-1
#propdef-flex-basis:
content | <'width'>
-
css-flexbox-1
#propdef-flex-basis:
-
flex-direction
-
css-flexbox-1
#propdef-flex-direction:
row | row-reverse | column | column-reverse
-
css-flexbox-1
#propdef-flex-direction:
-
flex-grow
-
css-flexbox-1
#propdef-flex-grow:
<number [0,∞]>
-
css-flexbox-1
#propdef-flex-grow:
-
flex-shrink
-
css-flexbox-1
#propdef-flex-shrink:
<number [0,∞]>
-
css-flexbox-1
#propdef-flex-shrink:
-
flex-wrap
-
css-flexbox-1
#propdef-flex-wrap:
nowrap | wrap | wrap-reverse
-
css-flexbox-1
#propdef-flex-wrap:
-
float
-
css-page-floats-3
#propdef-float:
block-start | block-end | inline-start | inline-end | snap-block | <snap-block()> | snap-inline | <snap-inline()> | left | right | top | bottom | none
-
css-gcpm-3
#ref-for-propdef-float①:
footnote
-
css-logical-1
#ref-for-propdef-float①:
inline-start | inline-end
-
css-page-floats-3
#propdef-float:
-
float-defer
-
css-page-floats-3
#propdef-float-defer:
<integer> | last | none
-
css-page-floats-3
#propdef-float-defer:
-
float-reference
-
css-page-floats-3
#propdef-float-reference:
inline | column | region | page
-
css-page-floats-3
#propdef-float-reference:
-
flow-from
-
css-regions-1
#propdef-flow-from:
<ident> | none
-
css-regions-1
#propdef-flow-from:
-
flow-into
-
css-regions-1
#propdef-flow-into:
none | <ident> [element | content]?
-
css-regions-1
#propdef-flow-into:
-
font
-
css-fonts-4
#propdef-font:
[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>
-
css-fonts-4
#propdef-font:
-
font-kerning
-
css-fonts-4
#propdef-font-kerning:
auto | normal | none
-
css-fonts-4
#propdef-font-kerning:
-
font-palette
-
css-fonts-4
#propdef-font-palette:
normal | light | dark | <palette-identifier> | <palette-mix()>
-
css-fonts-4
#propdef-font-palette:
-
font-size
-
css-fonts-4
#propdef-font-size:
<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math
-
css-fonts-4
#propdef-font-size:
-
font-size-adjust
-
css-fonts-5
#propdef-font-size-adjust:
none | [ ex-height | cap-height | ch-width | ic-width | ic-height ]? [ from-font | <number [0,∞]> ]
-
css-fonts-4
#propdef-font-size-adjust:
none | <number [0,∞]>
-
css-fonts-5
#propdef-font-size-adjust:
-
font-stretch
-
#propdef-font-stretch:
normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
-
#propdef-font-stretch:
-
font-style
-
css-fonts-4
#propdef-font-style:
normal | italic | oblique <angle [-90deg,90deg]>?
-
css-fonts-4
#propdef-font-style:
-
font-synthesis
-
css-fonts-4
#propdef-font-synthesis:
none | [ weight || style || small-caps || position]
-
css-fonts-4
#propdef-font-synthesis:
-
font-variant
-
css-fonts-4
#propdef-font-variant:
normal | none | [ [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || [ stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name>#) || character-variant(<feature-value-name>#) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) ] || [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ] || [ <east-asian-variant-values> || <east-asian-width-values> || ruby ] || [ sub | super ] || [ text | emoji | unicode ] ]
-
css-fonts-4
#propdef-font-variant:
-
font-variant-alternates
-
css-fonts-4
#propdef-font-variant-alternates:
normal | [ stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name>#) || character-variant(<feature-value-name>#) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) ]
-
css-fonts-4
#propdef-font-variant-alternates:
-
font-variant-caps
-
css-fonts-4
#propdef-font-variant-caps:
normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps
-
css-fonts-4
#propdef-font-variant-caps:
-
font-variant-east-asian
-
css-fonts-4
#propdef-font-variant-east-asian:
normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]
-
css-fonts-4
#propdef-font-variant-east-asian:
-
font-variant-emoji
-
css-fonts-4
#propdef-font-variant-emoji:
normal | text | emoji | unicode
-
css-fonts-4
#propdef-font-variant-emoji:
-
font-variant-ligatures
-
css-fonts-4
#propdef-font-variant-ligatures:
normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]
-
css-fonts-4
#propdef-font-variant-ligatures:
-
font-variant-numeric
-
css-fonts-4
#propdef-font-variant-numeric:
normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]
-
css-fonts-4
#propdef-font-variant-numeric:
-
font-variant-position
-
css-fonts-4
#propdef-font-variant-position:
normal | sub | super
-
css-fonts-4
#propdef-font-variant-position:
-
font-weight
-
css-fonts-4
#propdef-font-weight:
<font-weight-absolute> | bolder | lighter
-
css-fonts-4
#propdef-font-weight:
-
font-width
-
css-fonts-4
#propdef-font-width:
normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
-
css-fonts-4
#propdef-font-width:
-
footnote-display
-
css-gcpm-3
#propdef-footnote-display:
block | inline | compact
-
css-gcpm-3
#propdef-footnote-display:
-
footnote-policy
-
css-gcpm-3
#propdef-footnote-policy:
auto | line | block
-
css-gcpm-3
#propdef-footnote-policy:
-
forced-color-adjust
-
css-color-adjust-1
#propdef-forced-color-adjust:
auto | none | preserve-parent-color
-
css-color-adjust-1
#propdef-forced-color-adjust:
-
gap
-
css-align-3
#propdef-gap:
<'row-gap'> <'column-gap'>?
-
css-align-3
#propdef-gap:
-
glyph-orientation-vertical
-
css-writing-modes-4
#propdef-glyph-orientation-vertical:
auto | 0deg | 90deg | 0 | 90
-
css-writing-modes-3
#propdef-glyph-orientation-vertical:
auto | 0deg | 90deg | 0 | 90
-
css-writing-modes-4
#propdef-glyph-orientation-vertical:
-
grid
-
css-grid-2
#propdef-grid:
<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>
-
css-grid-1
#propdef-grid:
<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>
-
css-grid-2
#propdef-grid:
-
grid-area
-
css-grid-2
#propdef-grid-area:
<grid-line> [ / <grid-line> ]{0,3}
-
css-grid-1
#propdef-grid-area:
<grid-line> [ / <grid-line> ]{0,3}
-
css-grid-2
#propdef-grid-area:
-
grid-auto-flow
-
css-grid-3
#propdef-grid-auto-flow:
[ row | column | row-reverse | column-reverse ] || dense || wrap-reverse
-
css-grid-2
#propdef-grid-auto-flow:
[ row | column ] || dense
-
css-grid-1
#propdef-grid-auto-flow:
[ row | column ] || dense
-
css-grid-3
#propdef-grid-auto-flow:
-
grid-column
-
css-grid-2
#propdef-grid-column:
<grid-line> [ / <grid-line> ]?
-
css-grid-1
#propdef-grid-column:
<grid-line> [ / <grid-line> ]?
-
css-grid-2
#propdef-grid-column:
-
grid-column-gap
-
css-align-3
#propdef-grid-column-gap:
normal | <length-percentage [0,∞]>
-
css-align-3
#propdef-grid-column-gap:
-
grid-row
-
css-grid-2
#propdef-grid-row:
<grid-line> [ / <grid-line> ]?
-
css-grid-1
#propdef-grid-row:
<grid-line> [ / <grid-line> ]?
-
css-grid-2
#propdef-grid-row:
-
grid-row-gap
-
css-align-3
#propdef-grid-row-gap:
normal | <length-percentage [0,∞]>
-
css-align-3
#propdef-grid-row-gap:
-
grid-template
-
css-grid-2
#propdef-grid-template:
none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?
-
css-grid-1
#propdef-grid-template:
none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?
-
css-grid-2
#propdef-grid-template:
-
grid-template-columns
-
css-grid-2
#propdef-grid-template-columns:
none | <track-list> | <auto-track-list> | subgrid <line-name-list>?
-
css-grid-3
#ref-for-propdef-grid-template-columns①:
masonry
-
css-grid-1
#propdef-grid-template-columns:
none | <track-list> | <auto-track-list>
-
css-grid-2
#propdef-grid-template-columns:
-
grid-template-rows
-
css-grid-2
#propdef-grid-template-rows:
none | <track-list> | <auto-track-list> | subgrid <line-name-list>?
-
css-grid-3
#ref-for-propdef-grid-template-rows①:
masonry
-
css-grid-1
#propdef-grid-template-rows:
none | <track-list> | <auto-track-list>
-
css-grid-2
#propdef-grid-template-rows:
-
hanging-punctuation
-
css-text-4
#propdef-hanging-punctuation:
none | [ first || [ force-end | allow-end ] || last ]
-
css-text-3
#propdef-hanging-punctuation:
none | [ first || [ force-end | allow-end ] || last ]
-
css-text-4
#propdef-hanging-punctuation:
-
height
-
css-sizing-3
#propdef-height:
auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>
-
css-anchor-position-1
#ref-for-propdef-height:
<anchor-size()>
-
css-sizing-4
#ref-for-propdef-height①:
stretch | fit-content | contain
-
css-sizing-3
#propdef-height:
-
hyphenate-limit-chars
-
css-text-4
#propdef-hyphenate-limit-chars:
[ auto | <integer> ]{1,3}
-
css-text-4
#propdef-hyphenate-limit-chars:
-
hyphenate-limit-last
-
css-text-4
#propdef-hyphenate-limit-last:
none | always | column | page | spread
-
css-text-4
#propdef-hyphenate-limit-last:
-
hyphens
-
css-text-4
#propdef-hyphens:
none | manual | auto
-
css-text-3
#propdef-hyphens:
none | manual | auto
-
css-text-4
#propdef-hyphens:
-
image-orientation
-
css-images-3
#propdef-image-orientation:
from-image | none | [ <angle> || flip ]
-
css-images-3
#propdef-image-orientation:
-
image-rendering
-
css-images-3
#propdef-image-rendering:
auto | smooth | high-quality | pixelated | crisp-edges
-
SVG2/painting
#ImageRenderingProperty:
auto | optimizeQuality | optimizeSpeed
-
css-images-3
#propdef-image-rendering:
-
image-resolution
-
css-images-4
#propdef-image-resolution:
[ from-image || <resolution> ] && snap?
-
css-images-4
#propdef-image-resolution:
-
initial-letter
-
css-inline-3
#propdef-initial-letter:
normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?
-
css-inline-3
#propdef-initial-letter:
-
initial-letter-align
-
css-inline-3
#propdef-initial-letter-align:
[ border-box? [ alphabetic | ideographic | hanging | leading ]? ]!
-
css-inline-3
#propdef-initial-letter-align:
-
initial-letter-wrap
-
css-inline-3
#propdef-initial-letter-wrap:
none | first | all | grid | <length-percentage>
-
css-inline-3
#propdef-initial-letter-wrap:
-
inline-size
-
css-logical-1
#propdef-inline-size:
<'width'>
-
css-sizing-4
#ref-for-propdef-inline-size:
stretch | fit-content | contain
-
SVG2/text
#InlineSizeProperty:
auto | <length-percentage>
-
css-logical-1
#propdef-inline-size:
-
inline-sizing
-
css-inline-3
#propdef-inline-sizing:
normal | stretch
-
css-inline-3
#propdef-inline-sizing:
-
input-security
-
css-ui-4
#propdef-input-security:
auto | none
-
css-ui-4
#propdef-input-security:
-
inset
-
css-logical-1
#propdef-inset:
<'top'>{1,4}
-
css-position-3
#propdef-inset:
<'top'>{1,4}
-
css-logical-1
#propdef-inset:
-
inset-block
-
css-logical-1
#propdef-inset-block:
<'top'>{1,2}
-
css-position-3
#propdef-inset-block:
<'top'>{1,2}
-
css-logical-1
#propdef-inset-block:
-
inset-inline
-
css-logical-1
#propdef-inset-inline:
<'top'>{1,2}
-
css-position-3
#propdef-inset-inline:
<'top'>{1,2}
-
css-logical-1
#propdef-inset-inline:
-
interpolate-size
-
css-values-5
#propdef-interpolate-size:
numeric-only | allow-keywords
-
css-values-5
#propdef-interpolate-size:
-
justify-content
-
css-align-3
#propdef-justify-content:
normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]
-
css-flexbox-1
#propdef-justify-content:
flex-start | flex-end | center | space-between | space-around
-
css-align-3
#propdef-justify-content:
-
justify-items
-
css-align-3
#propdef-justify-items:
normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]
-
css-anchor-position-1
#ref-for-propdef-justify-items:
anchor-center
-
css-align-3
#propdef-justify-items:
-
justify-self
-
css-align-3
#propdef-justify-self:
auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]
-
css-anchor-position-1
#ref-for-propdef-justify-self①:
anchor-center
-
css-align-3
#propdef-justify-self:
-
letter-spacing
-
css-text-4
#propdef-letter-spacing:
normal | <length-percentage>
-
css-text-3
#propdef-letter-spacing:
normal | <length>
-
css-text-4
#propdef-letter-spacing:
-
line-break
-
css-text-4
#propdef-line-break:
auto | loose | normal | strict | anywhere
-
css-text-3
#propdef-line-break:
auto | loose | normal | strict | anywhere
-
css-text-4
#propdef-line-break:
-
line-clamp
-
css-overflow-4
#propdef-line-clamp:
none | <integer [1,∞]> || <'block-ellipsis'>
-
css-overflow-4
#propdef-line-clamp:
-
line-fit-edge
-
css-inline-3
#propdef-line-fit-edge:
leading | <text-edge>
-
css-inline-3
#propdef-line-fit-edge:
-
line-grid
-
css-line-grid-1
#propdef-line-grid:
match-parent | create
-
css-line-grid-1
#propdef-line-grid:
-
line-height
-
css-inline-3
#propdef-line-height:
normal | <number [0,∞]> | <length-percentage [0,∞]>
-
css-inline-3
#propdef-line-height:
-
line-height-step
-
css-rhythm-1
#propdef-line-height-step:
<length [0,∞]>
-
css-rhythm-1
#propdef-line-height-step:
-
line-snap
-
css-line-grid-1
#propdef-line-snap:
none | baseline | contain
-
css-line-grid-1
#propdef-line-snap:
-
list-style
-
css-lists-3
#propdef-list-style:
<'list-style-position'> || <'list-style-image'> || <'list-style-type'>
-
css-lists-3
#propdef-list-style:
-
list-style-position
-
css-lists-3
#propdef-list-style-position:
inside | outside
-
css-lists-3
#propdef-list-style-position:
-
margin
-
css-box-4
#propdef-margin:
<'margin-top'>{1,4}
-
css-box-3
#propdef-margin:
<'margin-top'>{1,4}
-
css-box-4
#propdef-margin:
-
margin-break
-
css-break-4
#propdef-margin-break:
auto | keep | discard
-
css-break-4
#propdef-margin-break:
-
margin-trim
-
css-box-4
#propdef-margin-trim:
none | [ block || inline ] | [ block-start || inline-start || block-end || inline-end ]
-
css-box-4
#propdef-margin-trim:
-
marker
-
SVG2/painting
#MarkerProperty:
none | <marker-ref>
-
SVG2/painting
#MarkerProperty:
-
marker-side
-
css-lists-3
#propdef-marker-side:
match-self | match-parent
-
css-lists-3
#propdef-marker-side:
-
mask-border
-
css-masking-1
#propdef-mask-border:
<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>
-
css-masking-1
#propdef-mask-border:
-
mask-border-mode
-
css-masking-1
#propdef-mask-border-mode:
luminance | alpha
-
css-masking-1
#propdef-mask-border-mode:
-
mask-border-outset
-
css-masking-1
#propdef-mask-border-outset:
[ <length> | <number> ]{1,4}
-
css-masking-1
#propdef-mask-border-outset:
-
mask-border-repeat
-
css-masking-1
#propdef-mask-border-repeat:
[ stretch | repeat | round | space ]{1,2}
-
css-masking-1
#propdef-mask-border-repeat:
-
mask-border-slice
-
css-masking-1
#propdef-mask-border-slice:
[ <number> | <percentage> ]{1,4} fill?
-
css-masking-1
#propdef-mask-border-slice:
-
mask-border-width
-
css-masking-1
#propdef-mask-border-width:
[ <length-percentage> | <number> | auto ]{1,4}
-
css-masking-1
#propdef-mask-border-width:
-
mask-clip
-
css-masking-1
#propdef-mask-clip:
[ <coord-box> | no-clip ]#
-
css-masking-1
#propdef-mask-clip:
-
mask-type
-
css-masking-1
#propdef-mask-type:
luminance | alpha
-
css-masking-1
#propdef-mask-type:
-
masonry-direction
-
css-grid-3
#propdef-masonry-direction:
row | column | row-reverse | column-reverse
-
css-grid-3
#propdef-masonry-direction:
-
masonry-fill
-
css-grid-3
#propdef-masonry-fill:
normal | reverse
-
css-grid-3
#propdef-masonry-fill:
-
math-depth
-
mathml-core
#propdef-math-depth:
auto-add | add(<integer>) | <integer>
-
mathml-core
#propdef-math-depth:
-
math-shift
-
mathml-core
#propdef-math-shift:
normal | compact
-
mathml-core
#propdef-math-shift:
-
math-style
-
mathml-core
#propdef-math-style:
normal | compact
-
mathml-core
#propdef-math-style:
-
max-block-size
-
css-logical-1
#propdef-max-block-size:
<'max-width'>
-
css-sizing-4
#ref-for-propdef-max-block-size:
stretch | fit-content | contain
-
css-logical-1
#propdef-max-block-size:
-
max-content-inline-size
-
css-intrinsic-isize-props
#propdef-max-content-inline-size:
auto | [ [ <length> | contents ] && use-inline-size? && use-min-inline-size? && use-max-inline-size? ]
-
css-intrinsic-isize-props
#propdef-max-content-inline-size:
-
max-height
-
css-sizing-3
#propdef-max-height:
none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>
-
css-anchor-position-1
#ref-for-propdef-max-height①:
<anchor-size()>
-
css-sizing-4
#ref-for-propdef-max-height①:
stretch | fit-content | contain
-
css-sizing-3
#propdef-max-height:
-
max-inline-size
-
css-logical-1
#propdef-max-inline-size:
<'max-width'>
-
css-sizing-4
#ref-for-propdef-max-inline-size:
stretch | fit-content | contain
-
css-logical-1
#propdef-max-inline-size:
-
max-lines
-
css-overflow-4
#propdef-max-lines:
none | <integer [1,∞]>
-
css-overflow-4
#propdef-max-lines:
-
max-width
-
css-sizing-3
#propdef-max-width:
none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>
-
css-anchor-position-1
#ref-for-propdef-max-width:
<anchor-size()>
-
css-sizing-4
#ref-for-propdef-max-width①:
stretch | fit-content | contain
-
css-sizing-3
#propdef-max-width:
-
min-block-size
-
css-logical-1
#propdef-min-block-size:
<'min-width'>
-
css-sizing-4
#ref-for-propdef-min-block-size:
stretch | fit-content | contain
-
css-logical-1
#propdef-min-block-size:
-
min-content-inline-size
-
css-intrinsic-isize-props
#propdef-min-content-inline-size:
auto | [ [ <length> | contents ] && use-inline-size? && use-min-inline-size? && use-max-inline-size? ]
-
css-intrinsic-isize-props
#propdef-min-content-inline-size:
-
min-height
-
css-sizing-3
#propdef-min-height:
auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>
-
css-anchor-position-1
#ref-for-propdef-min-height:
<anchor-size()>
-
css-sizing-4
#ref-for-propdef-min-height①:
stretch | fit-content | contain
-
css-sizing-3
#propdef-min-height:
-
min-inline-size
-
css-logical-1
#propdef-min-inline-size:
<'min-width'>
-
css-sizing-4
#ref-for-propdef-min-inline-size:
stretch | fit-content | contain
-
css-logical-1
#propdef-min-inline-size:
-
min-intrinsic-sizing
-
css-sizing-4
#propdef-min-intrinsic-sizing:
legacy | zero-if-scroll || zero-if-extrinsic
-
css-sizing-4
#propdef-min-intrinsic-sizing:
-
min-width
-
css-sizing-3
#propdef-min-width:
auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>
-
css-anchor-position-1
#ref-for-propdef-min-width:
<anchor-size()>
-
css-sizing-4
#ref-for-propdef-min-width①:
stretch | fit-content | contain
-
css-sizing-3
#propdef-min-width:
-
mix-blend-mode
-
compositing-2
#propdef-mix-blend-mode:
<blend-mode> | plus-darker | plus-lighter
-
compositing-1
#propdef-mix-blend-mode:
<blend-mode>
-
compositing-2
#propdef-mix-blend-mode:
-
object-fit
-
css-images-4
#propdef-object-fit:
fill | none | [contain | cover] || scale-down
-
css-images-3
#propdef-object-fit:
fill | contain | cover | none | scale-down
-
css-images-4
#propdef-object-fit:
-
offset
-
motion-1
#propdef-offset:
[ <'offset-position'>? [ <'offset-path'> [ <'offset-distance'> || <'offset-rotate'> ]? ]? ]! [ / <'offset-anchor'> ]?
-
motion-1
#propdef-offset:
-
offset-path
-
motion-1
#propdef-offset-path:
none | <offset-path> || <coord-box>
-
motion-1
#propdef-offset-path:
-
offset-position
-
motion-1
#propdef-offset-position:
normal | auto | <position>
-
motion-1
#propdef-offset-position:
-
offset-rotate
-
motion-1
#propdef-offset-rotate:
[ auto | reverse ] || <angle>
-
motion-1
#propdef-offset-rotate:
-
orphans
-
css-break-4
#propdef-orphans:
<integer [1,∞]>
-
css-break-3
#propdef-orphans:
<integer [1,∞]>
-
css-break-4
#propdef-orphans:
-
outline
-
css-ui-4
#propdef-outline:
[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]
-
css-ui-3
#propdef-outline:
[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]
-
css-ui-4
#propdef-outline:
-
outline-color
-
css-ui-4
#propdef-outline-color:
auto | [ <color> | <image-1D> ]
-
css-ui-3
#propdef-outline-color:
<color> | invert
-
css-ui-4
#propdef-outline-color:
-
overflow-block
-
css-overflow-3
#propdef-overflow-block:
visible | hidden | clip | scroll | auto
-
css-overflow-3
#propdef-overflow-block:
-
overflow-clip-margin
-
css-overflow-4
#propdef-overflow-clip-margin:
<visual-box> || <length [0,∞]>
-
css-overflow-3
#propdef-overflow-clip-margin:
<visual-box> || <length [0,∞]>
-
css-overflow-4
#propdef-overflow-clip-margin:
-
overflow-clip-margin-block
-
css-overflow-4
#propdef-overflow-clip-margin-block:
<visual-box> || <length [0,∞]>
-
css-overflow-4
#propdef-overflow-clip-margin-block:
-
overflow-clip-margin-bottom
-
css-overflow-4
#propdef-overflow-clip-margin-bottom:
<visual-box> || <length [0,∞]>
-
css-overflow-4
#propdef-overflow-clip-margin-bottom:
-
overflow-clip-margin-inline
-
css-overflow-4
#propdef-overflow-clip-margin-inline:
<visual-box> || <length [0,∞]>
-
css-overflow-4
#propdef-overflow-clip-margin-inline:
-
overflow-clip-margin-left
-
css-overflow-4
#propdef-overflow-clip-margin-left:
<visual-box> || <length [0,∞]>
-
css-overflow-4
#propdef-overflow-clip-margin-left:
-
overflow-clip-margin-right
-
css-overflow-4
#propdef-overflow-clip-margin-right:
<visual-box> || <length [0,∞]>
-
css-overflow-4
#propdef-overflow-clip-margin-right:
-
overflow-clip-margin-top
-
css-overflow-4
#propdef-overflow-clip-margin-top:
<visual-box> || <length [0,∞]>
-
css-overflow-4
#propdef-overflow-clip-margin-top:
-
overflow-inline
-
css-overflow-3
#propdef-overflow-inline:
visible | hidden | clip | scroll | auto
-
css-overflow-3
#propdef-overflow-inline:
-
overflow-wrap
-
css-text-4
#propdef-overflow-wrap:
normal | break-word | anywhere
-
css-text-3
#propdef-overflow-wrap:
normal | break-word | anywhere
-
css-text-4
#propdef-overflow-wrap:
-
overflow-x
-
css-overflow-3
#propdef-overflow-x:
visible | hidden | clip | scroll | auto
-
css-overflow-3
#propdef-overflow-x:
-
overflow-y
-
css-overflow-3
#propdef-overflow-y:
visible | hidden | clip | scroll | auto
-
css-overflow-3
#propdef-overflow-y:
-
overlay
-
css-position-4
#propdef-overlay:
none | auto
-
css-position-4
#propdef-overlay:
-
overscroll-behavior
-
css-overscroll-1
#propdef-overscroll-behavior:
[ contain | none | auto ]{1,2}
-
css-overscroll-1
#propdef-overscroll-behavior:
-
overscroll-behavior-block
-
css-overscroll-1
#propdef-overscroll-behavior-block:
contain | none | auto
-
css-overscroll-1
#propdef-overscroll-behavior-block:
-
overscroll-behavior-inline
-
css-overscroll-1
#propdef-overscroll-behavior-inline:
contain | none | auto
-
css-overscroll-1
#propdef-overscroll-behavior-inline:
-
overscroll-behavior-x
-
css-overscroll-1
#propdef-overscroll-behavior-x:
contain | none | auto
-
css-overscroll-1
#propdef-overscroll-behavior-x:
-
overscroll-behavior-y
-
css-overscroll-1
#propdef-overscroll-behavior-y:
contain | none | auto
-
css-overscroll-1
#propdef-overscroll-behavior-y:
-
padding
-
css-box-4
#propdef-padding:
<'padding-top'>{1,4}
-
css-box-3
#propdef-padding:
<'padding-top'>{1,4}
-
css-box-4
#propdef-padding:
-
padding-bottom
-
css-box-4
#propdef-padding-bottom:
<length-percentage [0,∞]>
-
css-box-3
#propdef-padding-bottom:
<length-percentage [0,∞]>
-
css-box-4
#propdef-padding-bottom:
-
padding-left
-
css-box-4
#propdef-padding-left:
<length-percentage [0,∞]>
-
css-box-3
#propdef-padding-left:
<length-percentage [0,∞]>
-
css-box-4
#propdef-padding-left:
-
padding-right
-
css-box-4
#propdef-padding-right:
<length-percentage [0,∞]>
-
css-box-3
#propdef-padding-right:
<length-percentage [0,∞]>
-
css-box-4
#propdef-padding-right:
-
padding-top
-
css-box-4
#propdef-padding-top:
<length-percentage [0,∞]>
-
css-box-3
#propdef-padding-top:
<length-percentage [0,∞]>
-
css-box-4
#propdef-padding-top:
-
page
-
css-page-3
#propdef-page:
auto | <custom-ident>
-
css-page-3
#propdef-page:
-
page-break-after
-
css-break-4
#ref-for-propdef-page-break-after①:
auto | always | avoid | left | right
-
css-break-4
#ref-for-propdef-page-break-after①:
-
page-break-before
-
css-break-4
#ref-for-propdef-page-break-before①:
auto | always | avoid | left | right
-
css-break-4
#ref-for-propdef-page-break-before①:
-
paint-order
-
SVG2/painting
#PaintOrderProperty:
normal | [ fill || stroke || markers ]
-
SVG2/painting
#PaintOrderProperty:
-
pause-after
-
css-speech-1
#propdef-pause-after:
<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong
-
css-speech-1
#propdef-pause-after:
-
pause-before
-
css-speech-1
#propdef-pause-before:
<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong
-
css-speech-1
#propdef-pause-before:
-
perspective
-
css-transforms-2
#propdef-perspective:
none | <length [0,∞]>
-
css-transforms-2
#propdef-perspective:
-
pointer-events
-
css-ui-4
#propdef-pointer-events:
auto | none
-
SVG2/interact
#PointerEventsProperty:
auto | bounding-box | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | none
-
css-ui-4
#propdef-pointer-events:
-
position
-
css-position-3
#propdef-position:
static | relative | absolute | sticky | fixed
-
css-gcpm-3
#ref-for-propdef-position:
<running()>
-
css-position-3
#propdef-position:
-
position-try-fallbacks
-
css-anchor-position-1
#propdef-position-try-fallbacks:
none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#
-
css-anchor-position-1
#propdef-position-try-fallbacks:
-
position-visibility
-
css-anchor-position-1
#propdef-position-visibility:
always | [ anchors-valid || anchors-visible || no-overflow ]
-
css-anchor-position-1
#propdef-position-visibility:
-
print-color-adjust
-
css-color-adjust-1
#propdef-print-color-adjust:
economy | exact
-
css-color-adjust-1
#propdef-print-color-adjust:
-
quotes
-
css-content-3
#propdef-quotes:
auto | none | match-parent | [ <string> <string> ]+
-
css-content-3
#propdef-quotes:
-
reading-flow
-
css-display-4
#propdef-reading-flow:
normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order
-
css-display-4
#propdef-reading-flow:
-
region-fragment
-
css-regions-1
#propdef-region-fragment:
auto | break
-
css-regions-1
#propdef-region-fragment:
-
resize
-
css-ui-4
#propdef-resize:
none | both | horizontal | vertical | block | inline
-
css-ui-3
#propdef-resize:
none | both | horizontal | vertical
-
css-ui-4
#propdef-resize:
-
rest
-
css-speech-1
#propdef-rest:
<'rest-before'> <'rest-after'>?
-
css-speech-1
#propdef-rest:
-
rest-after
-
css-speech-1
#propdef-rest-after:
<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong
-
css-speech-1
#propdef-rest-after:
-
rest-before
-
css-speech-1
#propdef-rest-before:
<time [0s,∞]> | none | x-weak | weak | medium | strong | x-strong
-
css-speech-1
#propdef-rest-before:
-
rotate
-
css-transforms-2
#propdef-rotate:
none | <angle> | [ x | y | z | <number>{3} ] && <angle>
-
css-transforms-2
#propdef-rotate:
-
row-gap
-
css-align-3
#propdef-row-gap:
normal | <length-percentage [0,∞]>
-
css-align-3
#propdef-row-gap:
-
ruby-align
-
css-ruby-1
#propdef-ruby-align:
start | center | space-between | space-around
-
css-ruby-1
#propdef-ruby-align:
-
ruby-merge
-
css-ruby-1
#propdef-ruby-merge:
separate | merge | auto
-
css-ruby-1
#propdef-ruby-merge:
-
ruby-overhang
-
css-ruby-1
#propdef-ruby-overhang:
auto | none
-
css-ruby-1
#propdef-ruby-overhang:
-
ruby-position
-
css-ruby-1
#propdef-ruby-position:
[ alternate || [ over | under ] ] | inter-character
-
css-ruby-1
#propdef-ruby-position:
-
rx
-
SVG2/geometry
#RxProperty:
<length-percentage> | auto
-
SVG2/geometry
#RxProperty:
-
ry
-
SVG2/geometry
#RyProperty:
<length-percentage> | auto
-
SVG2/geometry
#RyProperty:
-
scale
-
css-transforms-2
#propdef-scale:
none | [ <number> | <percentage> ]{1,3}
-
css-transforms-2
#propdef-scale:
-
scroll-behavior
-
css-overflow-3
#propdef-scroll-behavior:
auto | smooth
-
css-overflow-3
#propdef-scroll-behavior:
-
scroll-marker-group
-
css-overflow-5
#propdef-scroll-marker-group:
none | before | after
-
css-overflow-5
#propdef-scroll-marker-group:
-
scroll-padding
-
css-scroll-snap-1
#propdef-scroll-padding:
[ auto | <length-percentage [0,∞]> ]{1,4}
-
css-scroll-snap-1
#propdef-scroll-padding:
-
scroll-padding-block
-
css-scroll-snap-1
#propdef-scroll-padding-block:
[ auto | <length-percentage [0,∞]> ]{1,2}
-
css-scroll-snap-1
#propdef-scroll-padding-block:
-
scroll-padding-block-end
-
css-scroll-snap-1
#propdef-scroll-padding-block-end:
auto | <length-percentage [0,∞]>
-
css-scroll-snap-1
#propdef-scroll-padding-block-end:
-
scroll-padding-block-start
-
css-scroll-snap-1
#propdef-scroll-padding-block-start:
auto | <length-percentage [0,∞]>
-
css-scroll-snap-1
#propdef-scroll-padding-block-start:
-
scroll-padding-bottom
-
css-scroll-snap-1
#propdef-scroll-padding-bottom:
auto | <length-percentage [0,∞]>
-
css-scroll-snap-1
#propdef-scroll-padding-bottom:
-
scroll-padding-inline
-
css-scroll-snap-1
#propdef-scroll-padding-inline:
[ auto | <length-percentage [0,∞]> ]{1,2}
-
css-scroll-snap-1
#propdef-scroll-padding-inline:
-
scroll-padding-inline-end
-
css-scroll-snap-1
#propdef-scroll-padding-inline-end:
auto | <length-percentage [0,∞]>
-
css-scroll-snap-1
#propdef-scroll-padding-inline-end:
-
scroll-padding-inline-start
-
css-scroll-snap-1
#propdef-scroll-padding-inline-start:
auto | <length-percentage [0,∞]>
-
css-scroll-snap-1
#propdef-scroll-padding-inline-start:
-
scroll-padding-left
-
css-scroll-snap-1
#propdef-scroll-padding-left:
auto | <length-percentage [0,∞]>
-
css-scroll-snap-1
#propdef-scroll-padding-left:
-
scroll-padding-right
-
css-scroll-snap-1
#propdef-scroll-padding-right:
auto | <length-percentage [0,∞]>
-
css-scroll-snap-1
#propdef-scroll-padding-right:
-
scroll-padding-top
-
css-scroll-snap-1
#propdef-scroll-padding-top:
auto | <length-percentage [0,∞]>
-
css-scroll-snap-1
#propdef-scroll-padding-top:
-
scroll-snap-align
-
css-scroll-snap-1
#propdef-scroll-snap-align:
[ none | start | end | center ]{1,2}
-
css-scroll-snap-1
#propdef-scroll-snap-align:
-
scroll-snap-stop
-
css-scroll-snap-1
#propdef-scroll-snap-stop:
normal | always
-
css-scroll-snap-1
#propdef-scroll-snap-stop:
-
scroll-snap-type
-
css-scroll-snap-1
#propdef-scroll-snap-type:
none | [ x | y | block | inline | both ] [ mandatory | proximity ]?
-
css-scroll-snap-1
#propdef-scroll-snap-type:
-
scroll-start-target
-
css-scroll-snap-2
#propdef-scroll-start-target:
[ none | auto ]
-
css-scroll-snap-2
#propdef-scroll-start-target:
-
scroll-timeline-axis
-
scroll-animations-1
#propdef-scroll-timeline-axis:
[ block | inline | x | y ]#
-
scroll-animations-1
#propdef-scroll-timeline-axis:
-
scrollbar-gutter
-
css-overflow-3
#propdef-scrollbar-gutter:
auto | stable && both-edges?
-
css-overflow-4
#ref-for-propdef-scrollbar-gutter④:
auto | [ [ stable | always ] && both-edges? ] || match-parent
-
css-overflow-3
#propdef-scrollbar-gutter:
-
scrollbar-width
-
css-scrollbars-1
#propdef-scrollbar-width:
auto | thin | none
-
css-scrollbars-1
#propdef-scrollbar-width:
-
shape-inside
-
css-shapes-2
#propdef-shape-inside:
auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display
-
css-round-display-1
#propdef-shape-inside:
auto | outside-shape | [ <basic-shape> || shape-box ] | <image> | display
-
SVG2/text
#ShapeInsideProperty:
auto | [ <basic-shape> | <uri> ]+
-
css-shapes-2
#propdef-shape-inside:
-
shape-margin
-
css-shapes-1
#propdef-shape-margin:
<length-percentage [0,∞]>
-
SVG2/text
#ShapeMarginProperty:
<length-percentage>
-
css-shapes-1
#propdef-shape-margin:
-
shape-outside
-
css-shapes-1
#propdef-shape-outside:
none | [ <basic-shape> || <shape-box> ] | <image>
-
css-shapes-1
#propdef-shape-outside:
-
shape-padding
-
css-shapes-2
#propdef-shape-padding:
<length-percentage [0,∞]>
-
css-shapes-2
#propdef-shape-padding:
-
shape-rendering
-
SVG2/painting
#ShapeRenderingProperty:
auto | optimizeSpeed | crispEdges | geometricPrecision
-
SVG2/painting
#ShapeRenderingProperty:
-
shape-subtract
-
SVG2/text
#ShapesubtractProperty:
none | [ <basic-shape>| <uri> ]+
-
SVG2/text
#ShapesubtractProperty:
-
speak
-
css-speech-1
#propdef-speak:
auto | never | always
-
css-speech-1
#propdef-speak:
-
speak-as
-
css-speech-1
#propdef-speak-as:
normal | spell-out || digits || [ literal-punctuation | no-punctuation ]
-
css-speech-1
#propdef-speak-as:
-
string-set
-
css-content-3
#propdef-string-set:
none | [ <custom-ident> <string>+ ]#
-
css-gcpm-3
#propdef-string-set:
[ <custom-ident> <content-list> ]# | none
-
css-content-3
#propdef-string-set:
-
stroke
-
fill-stroke-3
#propdef-stroke:
<'background'> with modifications
-
SVG2/painting
#StrokeProperty:
<paint>
-
fill-stroke-3
#propdef-stroke:
-
stroke-align
-
fill-stroke-3
#propdef-stroke-align:
center | inset | outset
-
fill-stroke-3
#propdef-stroke-align:
-
stroke-break
-
fill-stroke-3
#propdef-stroke-break:
bounding-box | slice | clone
-
fill-stroke-3
#propdef-stroke-break:
-
stroke-dash-justify
-
fill-stroke-3
#propdef-stroke-dash-justify:
none | [ stretch | compress ] || [ dashes || gaps ]
-
fill-stroke-3
#propdef-stroke-dash-justify:
-
stroke-linecap
-
fill-stroke-3
#propdef-stroke-linecap:
butt | round | square
-
SVG2/painting
#StrokeLinecapProperty:
butt | round | square
-
fill-stroke-3
#propdef-stroke-linecap:
-
stroke-linejoin
-
fill-stroke-3
#propdef-stroke-linejoin:
[ crop | arcs | miter ] || [ bevel | round | fallback ]
-
SVG2/painting
#StrokeLinejoinProperty:
miter | miter-clip | round | bevel | arcs
-
fill-stroke-3
#propdef-stroke-linejoin:
-
stroke-origin
-
fill-stroke-3
#propdef-stroke-origin:
match-parent | fill-box | stroke-box | content-box | padding-box | border-box
-
fill-stroke-3
#propdef-stroke-origin:
-
tab-size
-
css-text-4
#propdef-tab-size:
<number [0,∞]> | <length [0,∞]>
-
css-text-3
#propdef-tab-size:
<number [0,∞]> | <length [0,∞]>
-
css-text-4
#propdef-tab-size:
-
table-layout
-
css-tables-3
#propdef-table-layout:
auto | fixed
-
css-tables-3
#propdef-table-layout:
-
text-align
-
css-text-4
#propdef-text-align:
start | end | left | right | center | <string> | justify | match-parent | justify-all
-
css-logical-1
#ref-for-propdef-text-align①:
start | end
-
css-text-3
#propdef-text-align:
start | end | left | right | center | justify | match-parent | justify-all
-
css-text-4
#propdef-text-align:
-
text-align-all
-
css-text-4
#propdef-text-align-all:
start | end | left | right | center | <string> | justify | match-parent
-
css-text-3
#propdef-text-align-all:
start | end | left | right | center | justify | match-parent
-
css-text-4
#propdef-text-align-all:
-
text-align-last
-
css-text-4
#propdef-text-align-last:
auto | start | end | left | right | center | justify | match-parent
-
css-text-3
#propdef-text-align-last:
auto | start | end | left | right | center | justify | match-parent
-
css-text-4
#propdef-text-align-last:
-
text-anchor
-
SVG2/text
#TextAnchorProperty:
start | middle | end
-
SVG2/text
#TextAnchorProperty:
-
text-autospace
-
css-text-4
#propdef-text-autospace:
normal | <autospace> | auto
-
css-text-4
#propdef-text-autospace:
-
text-box
-
css-inline-3
#propdef-text-box:
normal | <'text-box-trim'> || <'text-box-edge'>
-
css-inline-3
#propdef-text-box:
-
text-box-trim
-
css-inline-3
#propdef-text-box-trim:
none | trim-start | trim-end | trim-both
-
css-inline-3
#propdef-text-box-trim:
-
text-combine-upright
-
css-writing-modes-4
#propdef-text-combine-upright:
none | all | [ digits <integer [2,4]>? ]
-
css-writing-modes-3
#propdef-text-combine-upright:
none | all
-
css-writing-modes-4
#propdef-text-combine-upright:
-
text-decoration-line
-
css-text-decor-4
#propdef-text-decoration-line:
none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error
-
css-text-decor-3
#propdef-text-decoration-line:
none | [ underline || overline || line-through || blink ]
-
css-text-decor-4
#propdef-text-decoration-line:
-
text-decoration-skip-ink
-
css-text-decor-4
#propdef-text-decoration-skip-ink:
auto | none | all
-
css-text-decor-4
#propdef-text-decoration-skip-ink:
-
text-decoration-skip-self
-
css-text-decor-4
#propdef-text-decoration-skip-self:
auto | skip-all | [ skip-underline || skip-overline || skip-line-through ] | no-skip
-
css-text-decor-4
#propdef-text-decoration-skip-self:
-
text-decoration-skip-spaces
-
css-text-decor-4
#propdef-text-decoration-skip-spaces:
none | all | [ start || end ]
-
css-text-decor-4
#propdef-text-decoration-skip-spaces:
-
text-decoration-style
-
css-text-decor-4
#propdef-text-decoration-style:
solid | double | dotted | dashed | wavy
-
css-text-decor-3
#propdef-text-decoration-style:
solid | double | dotted | dashed | wavy
-
css-text-decor-4
#propdef-text-decoration-style:
-
text-decoration-thickness
-
css-text-decor-4
#propdef-text-decoration-thickness:
auto | from-font | <length-percentage>
-
css-text-decor-4
#propdef-text-decoration-thickness:
-
text-emphasis-position
-
css-text-decor-4
#propdef-text-emphasis-position:
[ over | under ] && [ right | left ]?
-
css-text-decor-3
#propdef-text-emphasis-position:
[ over | under ] && [ right | left ]?
-
css-text-decor-4
#propdef-text-emphasis-position:
-
text-emphasis-skip
-
css-text-decor-4
#propdef-text-emphasis-skip:
spaces || punctuation || symbols || narrow
-
css-text-decor-4
#propdef-text-emphasis-skip:
-
text-emphasis-style
-
css-text-decor-4
#propdef-text-emphasis-style:
none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>
-
css-text-decor-3
#propdef-text-emphasis-style:
none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>
-
css-text-decor-4
#propdef-text-emphasis-style:
-
text-group-align
-
css-text-4
#propdef-text-group-align:
none | start | end | left | right | center
-
css-text-4
#propdef-text-group-align:
-
text-indent
-
css-text-4
#propdef-text-indent:
[ <length-percentage> ] && hanging? && each-line?
-
css-text-3
#propdef-text-indent:
[ <length-percentage> ] && hanging? && each-line?
-
css-text-4
#propdef-text-indent:
-
text-justify
-
css-text-4
#propdef-text-justify:
[ auto | none | inter-word | inter-character | ruby ] || no-compress
-
css-text-3
#propdef-text-justify:
auto | none | inter-word | inter-character
-
css-text-4
#propdef-text-justify:
-
text-orientation
-
css-writing-modes-4
#propdef-text-orientation:
mixed | upright | sideways
-
css-writing-modes-3
#propdef-text-orientation:
mixed | upright | sideways
-
css-writing-modes-4
#propdef-text-orientation:
-
text-overflow
-
css-overflow-4
#propdef-text-overflow:
[ clip | ellipsis | <string> | fade | <fade()> ]{1,2}
-
css-overflow-3
#propdef-text-overflow:
clip | ellipsis
-
css-ui-3
#propdef-text-overflow:
clip | ellipsis
-
css-overflow-4
#propdef-text-overflow:
-
text-rendering
-
SVG2/painting
#TextRenderingProperty:
auto | optimizeSpeed | optimizeLegibility | geometricPrecision
-
SVG2/painting
#TextRenderingProperty:
-
text-shadow
-
css-text-decor-4
#propdef-text-shadow:
none | <shadow>#
-
css-text-decor-3
#propdef-text-shadow:
none | [ <color>? && <length>{2,3} ]#
-
css-text-decor-4
#propdef-text-shadow:
-
text-size-adjust
-
css-size-adjust-1
#propdef-text-size-adjust:
auto | none | <percentage [0,∞]>
-
css-size-adjust-1
#propdef-text-size-adjust:
-
text-spacing
-
css-text-4
#propdef-text-spacing:
none | auto | <spacing-trim> || <autospace>
-
css-text-4
#propdef-text-spacing:
-
text-transform
-
css-text-4
#propdef-text-transform:
none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana | math-auto
-
css-text-3
#propdef-text-transform:
none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana
-
mathml-core
#ref-for-propdef-text-transform:
math-auto
-
css-text-4
#propdef-text-transform:
-
text-underline-position
-
css-text-decor-4
#propdef-text-underline-position:
auto | [ from-font | under ] || [ left | right ]
-
css-text-decor-3
#propdef-text-underline-position:
auto | [ under || [ left | right ] ]
-
css-text-decor-4
#propdef-text-underline-position:
-
text-wrap-mode
-
css-text-4
#propdef-text-wrap-mode:
wrap | nowrap
-
css-text-4
#propdef-text-wrap-mode:
-
text-wrap-style
-
css-text-4
#propdef-text-wrap-style:
auto | balance | stable | pretty
-
css-text-4
#propdef-text-wrap-style:
-
timeline-scope
-
scroll-animations-1
#propdef-timeline-scope:
none | all | <dashed-ident>#
-
scroll-animations-1
#propdef-timeline-scope:
-
toggle-group
-
css-toggle
#propdef-toggle-group:
none | [ <dashed-ident> self? ]#
-
css-toggle
#propdef-toggle-group:
-
touch-action
-
pointerevents3
#the-touch-action-css-property:
auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] ] | manipulation
-
compat
#propdef-touch-action:
auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation
-
pointerevents3
#the-touch-action-css-property:
-
transform-box
-
css-transforms-1
#propdef-transform-box:
content-box | border-box | fill-box | stroke-box | view-box
-
css-transforms-1
#propdef-transform-box:
-
transform-origin
-
css-transforms-1
#propdef-transform-origin:
[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [[ center | left | right ] && [ center | top | bottom ]] <length>?
-
css-transforms-1
#propdef-transform-origin:
-
transform-style
-
css-transforms-2
#propdef-transform-style:
flat | preserve-3d
-
css-transforms-2
#propdef-transform-style:
-
transition-duration
-
css-transitions-1
#propdef-transition-duration:
<time [0s,∞]>#
-
css-transitions-1
#propdef-transition-duration:
-
translate
-
css-transforms-2
#propdef-translate:
none | <length-percentage> [ <length-percentage> <length>? ]?
-
css-transforms-2
#propdef-translate:
-
unicode-bidi
-
css-writing-modes-4
#propdef-unicode-bidi:
normal | embed | isolate | bidi-override | isolate-override | plaintext
-
css-writing-modes-3
#propdef-unicode-bidi:
normal | embed | isolate | bidi-override | isolate-override | plaintext
-
css-writing-modes-4
#propdef-unicode-bidi:
-
user-select
-
css-ui-4
#propdef-user-select:
auto | text | none | contain | all
-
css-ui-4
#propdef-user-select:
-
vector-effect
-
SVG2/coords
#VectorEffectProperty:
none | non-scaling-stroke | non-scaling-size | non-rotation | fixed-position
-
SVG2/coords
#VectorEffectProperty:
-
vertical-align
-
css-inline-3
#propdef-vertical-align:
[ first | last] || <'alignment-baseline'> || <'baseline-shift'>
-
css-inline-3
#propdef-vertical-align:
-
view-timeline
-
scroll-animations-1
#propdef-view-timeline:
[ <'view-timeline-name'> [ <'view-timeline-axis'> || <'view-timeline-inset'> ]? ]#
-
scroll-animations-1
#propdef-view-timeline:
-
view-timeline-axis
-
scroll-animations-1
#propdef-view-timeline-axis:
[ block | inline | x | y ]#
-
scroll-animations-1
#propdef-view-timeline-axis:
-
view-timeline-inset
-
scroll-animations-1
#propdef-view-timeline-inset:
[ [ auto | <length-percentage> ]{1,2} ]#
-
scroll-animations-1
#propdef-view-timeline-inset:
-
view-transition-group
-
css-view-transitions-2
#propdef-view-transition-group:
normal | contain | nearest | <custom-ident>
-
css-view-transitions-2
#propdef-view-transition-group:
-
visibility
-
css-display-4
#propdef-visibility:
visible | hidden | collapse
-
css-display-3
#propdef-visibility:
visible | hidden | collapse
-
css-display-4
#propdef-visibility:
-
voice-balance
-
css-speech-1
#propdef-voice-balance:
<number> | left | center | right | leftwards | rightwards
-
css-speech-1
#propdef-voice-balance:
-
voice-duration
-
css-speech-1
#propdef-voice-duration:
auto | <time [0s,∞]>
-
css-speech-1
#propdef-voice-duration:
-
voice-family
-
css-speech-1
#propdef-voice-family:
[[<family-name> | <generic-voice>],]* [<family-name> | <generic-voice>] | preserve
-
css-speech-1
#propdef-voice-family:
-
voice-pitch
-
css-speech-1
#propdef-voice-pitch:
<frequency [0Hz,∞]> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]
-
css-speech-1
#propdef-voice-pitch:
-
voice-range
-
css-speech-1
#propdef-voice-range:
<frequency [0Hz,∞]> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]
-
css-speech-1
#propdef-voice-range:
-
voice-rate
-
css-speech-1
#propdef-voice-rate:
[normal | x-slow | slow | medium | fast | x-fast] || <percentage [0,∞]>
-
css-speech-1
#propdef-voice-rate:
-
voice-stress
-
css-speech-1
#propdef-voice-stress:
normal | strong | moderate | none | reduced
-
css-speech-1
#propdef-voice-stress:
-
voice-volume
-
css-speech-1
#propdef-voice-volume:
silent | [[x-soft | soft | medium | loud | x-loud] || <decibel>]
-
css-speech-1
#propdef-voice-volume:
-
white-space
-
css-text-4
#propdef-white-space:
normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>
-
css-text-3
#propdef-white-space:
normal | pre | nowrap | pre-wrap | break-spaces | pre-line
-
css-text-4
#propdef-white-space:
-
white-space-collapse
-
css-text-4
#propdef-white-space-collapse:
collapse | discard | preserve | preserve-breaks | preserve-spaces | break-spaces
-
css-text-4
#propdef-white-space-collapse:
-
white-space-trim
-
css-text-4
#propdef-white-space-trim:
none | discard-before || discard-after || discard-inner
-
css-text-4
#propdef-white-space-trim:
-
widows
-
css-break-4
#propdef-widows:
<integer [1,∞]>
-
css-break-3
#propdef-widows:
<integer [1,∞]>
-
css-break-4
#propdef-widows:
-
width
-
css-sizing-3
#propdef-width:
auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>
-
css-anchor-position-1
#ref-for-propdef-width:
<anchor-size()>
-
css-sizing-4
#ref-for-propdef-width①:
stretch | fit-content | contain
-
css-sizing-3
#propdef-width:
-
word-break
-
css-text-4
#propdef-word-break:
normal | break-all | keep-all | manual | auto-phrase | break-word
-
css-text-3
#propdef-word-break:
normal | keep-all | break-all | break-word
-
css-text-4
#propdef-word-break:
-
word-space-transform
-
css-text-4
#propdef-word-space-transform:
none | [ space | ideographic-space ] && auto-phrase?
-
css-text-4
#propdef-word-space-transform:
-
word-spacing
-
css-text-4
#propdef-word-spacing:
normal | <length-percentage>
-
css-text-3
#propdef-word-spacing:
normal | <length>
-
css-text-4
#propdef-word-spacing:
-
word-wrap
-
css-text-4
#propdef-word-wrap:
normal | break-word | anywhere
-
css-text-3
#propdef-word-wrap:
normal | break-word | anywhere
-
css-text-4
#propdef-word-wrap:
-
wrap-after
-
css-text-4
#propdef-wrap-after:
auto | avoid | avoid-line | avoid-flex | line | flex
-
css-text-4
#propdef-wrap-after:
-
wrap-before
-
css-text-4
#propdef-wrap-before:
auto | avoid | avoid-line | avoid-flex | line | flex
-
css-text-4
#propdef-wrap-before:
-
wrap-flow
-
css3-exclusions
#propdef-wrap-flow:
auto | both | start | end | minimum | maximum | clear
-
css3-exclusions
#propdef-wrap-flow:
-
wrap-inside
-
css-text-4
#propdef-wrap-inside:
auto | avoid
-
css-text-4
#propdef-wrap-inside:
-
wrap-through
-
css3-exclusions
#propdef-wrap-through:
wrap | none
-
css3-exclusions
#propdef-wrap-through:
-
writing-mode
-
css-writing-modes-4
#propdef-writing-mode:
horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr
-
css-writing-modes-3
#propdef-writing-mode:
horizontal-tb | vertical-rl | vertical-lr
-
css-writing-modes-4
#propdef-writing-mode:
-
z-index
-
CSS22
#propdef-z-index:
auto | <integer>
-
CSS22
#propdef-z-index:
-
zoom
-
css-viewport-1
#propdef-zoom:
<number [0,∞]> || <percentage [0,∞]>
-
css-viewport-1
#propdef-zoom:
-
Functions
-
Basic selectors
-
Pseudo classes
-
Pseudo elements
-
Units
-
At-rules
-
Descriptors
-
Types
-
<an+b>
-
css-syntax-3
#anb-production:
odd | even | <integer> | <n-dimension> | '+'?† n | -n | <ndashdigit-dimension> | '+'?† <ndashdigit-ident> | <dashndashdigit-ident> | <n-dimension> <signed-integer> | '+'?† n <signed-integer> | -n <signed-integer> | <ndash-dimension> <signless-integer> | '+'?† n- <signless-integer> | -n- <signless-integer> | <n-dimension> ['+' | '-'] <signless-integer> | '+'?† n ['+' | '-'] <signless-integer> | -n ['+' | '-'] <signless-integer>
-
css-syntax-3
#anb-production:
-
<anchor-side>
-
css-anchor-position-1
#typedef-anchor-side:
inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center
-
css-anchor-position-1
#typedef-anchor-side:
-
<anchor-size>
-
css-anchor-position-1
#typedef-anchor-size:
width | height | block | inline | self-block | self-inline
-
css-anchor-position-1
#typedef-anchor-size:
-
<animateable-feature>
-
css-will-change-1
#typedef-animateable-feature:
scroll-position | contents | <custom-ident>
-
css-will-change-1
#typedef-animateable-feature:
-
<arc-command>
-
css-shapes-2
#typedef-shape-arc-command:
arc [[<by-to> <coordinate-pair>] || [of <length-percentage>{1,2}] || <arc-sweep>? || <arc-size>?|| rotate <angle>? ]
-
css-shapes-2
#ref-for-typedef-shape-arc-command①:
arc [[<by-to> <coordinate-pair>] || [of <length-percentage>{1,2}] || <arc-sweep>? || <arc-size>? || [rotate <angle>]?]
-
css-shapes-2
#typedef-shape-arc-command:
-
<attachment>
-
css-backgrounds-3
#typedef-attachment:
scroll | fixed | local
-
css-backgrounds-3
#typedef-attachment:
-
<attr-matcher>
-
selectors-4
#typedef-attr-matcher:
[ '~' | '|' | '^' | '$' | '*' ]? '='
-
selectors-4
#typedef-attr-matcher:
-
<attr-name>
-
css-values-5
#typedef-attr-name:
[ <ident-token> '|' ]? <ident-token>
-
css-values-5
#typedef-attr-name:
-
<attr-type>
-
css-values-5
#typedef-attr-type:
string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>
-
css-values-5
#typedef-attr-type:
-
<attribute-selector>
-
selectors-4
#typedef-attribute-selector:
'[' <wq-name> ']' | '[' <wq-name> <attr-matcher> [ <string-token> | <ident-token> ] <attr-modifier>? ']'
-
selectors-4
#typedef-attribute-selector:
-
<auto-repeat>
-
css-grid-2
#typedef-auto-repeat:
repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )
-
css-grid-1
#typedef-auto-repeat:
repeat( [ auto-fill | auto-fit ] , [ <line-names>? <fixed-size> ]+ <line-names>? )
-
css-grid-2
#typedef-auto-repeat:
-
<auto-track-list>
-
css-grid-2
#typedef-auto-track-list:
[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?
-
css-grid-1
#typedef-auto-track-list:
[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat> [ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?
-
css-grid-2
#typedef-auto-track-list:
-
<autospace>
-
css-text-4
#typedef-autospace:
no-autospace | [ ideograph-alpha || ideograph-numeric || punctuation ] || [ insert | replace ]
-
css-text-4
#typedef-autospace:
-
<axis>
-
scroll-animations-1
#typedef-axis:
block | inline | x | y
-
scroll-animations-1
#typedef-axis:
-
<baseline-position>
-
css-align-3
#typedef-baseline-position:
[ first | last ]? && baseline
-
css-align-3
#typedef-baseline-position:
-
<bg-clip>
-
css-backgrounds-4
#typedef-bg-clip:
<visual-box> | border-area| text
-
css-backgrounds-4
#typedef-bg-clip:
-
<bg-layer>
-
css-backgrounds-3
#typedef-bg-layer:
<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>
-
css-backgrounds-3
#typedef-bg-layer:
-
<bg-position>
-
css-backgrounds-4
#typedef-bg-position:
[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]
-
css-backgrounds-3
#typedef-bg-position:
[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]
-
css-backgrounds-4
#typedef-bg-position:
-
<bg-size>
-
css-backgrounds-3
#typedef-bg-size:
[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain
-
css-backgrounds-3
#typedef-bg-size:
-
<blend-mode>
-
compositing-2
#ltblendmodegt:
normal | multiply | screen | overlay | darken | lighten | color-dodge |color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity
-
compositing-1
#ltblendmodegt:
normal | darken | multiply | color-burn | lighten | screen | color-dodge | overlay | soft-light | hard-light | difference | exclusion | hue | saturation | color | luminosity
-
compositing-2
#ltblendmodegt:
-
<boolean-constant>
-
css-conditional-values-1
#typedef-boolean-constant:
'true' | 'false'
-
css-conditional-values-1
#typedef-boolean-constant:
-
<boolean>
-
css-values-4
#typedef-boolean:
<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]
-
css-values-4
#typedef-boolean:
-
<calc-keyword>
-
css-values-4
#typedef-calc-keyword:
e | pi | infinity | -infinity | NaN
-
css-values-4
#typedef-calc-keyword:
-
<calc-mix()>
-
css-values-5
#typedef-calc-mix:
calc-mix( <progress>, <calc-sum>, <calc-sum> )
-
css-values-5
#typedef-calc-mix:
-
<calc-number-sum>
-
css-values-3
#typedef-calc-number-sum:
<calc-number-product> [ [ '+' | '-' ] <calc-number-product> ]*
-
css-values-3
#typedef-calc-number-sum:
-
<calc-product>
-
css-values-4
#typedef-calc-product:
<calc-value> [ [ '*' | '/' ] <calc-value> ]*
-
css-values-3
#typedef-calc-product:
<calc-value> [ '*' <calc-value> | '/' <calc-number-value> ]*
-
css-values-4
#typedef-calc-product:
-
<calc-size-basis>
-
css-values-5
#typedef-calc-size-basis:
[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]
-
css-values-5
#typedef-calc-size-basis:
-
<calc-sum>
-
css-values-4
#typedef-calc-sum:
<calc-product> [ [ '+' | '-' ] <calc-product> ]*
-
css-values-3
#typedef-calc-sum:
<calc-product> [ [ '+' | '-' ] <calc-product> ]*
-
css-values-4
#typedef-calc-sum:
-
<calc-value>
-
css-values-4
#typedef-calc-value:
<number> | <dimension> | <percentage> | <calc-keyword> | ( <calc-sum> )
-
css-values-3
#typedef-calc-value:
<number> | <dimension> | <percentage> | ( <calc-sum> )
-
css-values-4
#typedef-calc-value:
-
<cf-image>
-
css-images-4
#typedef-cf-image:
[ <image> | <color> ] && <percentage [0,100]>?
-
css-images-4
#typedef-cf-image:
-
<cmyk-component>
-
css-color-5
#typedef-cmyk-component:
<number> | <percentage> | none
-
css-color-5
#typedef-cmyk-component:
-
<color-base>
-
css-color-5
#typedef-color-base:
<hex-color> | <color-function> | <named-color> | <color-mix()> | transparent
-
css-color-4
#typedef-color-base:
<hex-color> | <color-function> | <named-color> | transparent
-
css-color-5
#typedef-color-base:
-
<color-font-tech>
-
css-fonts-5
#color-font-tech-values:
[color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]
-
css-fonts-4
#color-font-tech-values:
[color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]
-
css-fonts-5
#color-font-tech-values:
-
<colorspace-params>
-
css-color-hdr
#typedef-colorspace-params:
[<custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params>]
-
css-color-5
#typedef-colorspace-params:
[<custom-params> | <predefined-rgb-params> | <xyz-params>]
-
css-color-4
#typedef-colorspace-params:
[ <predefined-rgb-params> | <xyz-params>]
-
css-color-hdr
#typedef-colorspace-params:
-
<combinator>
-
selectors-4
#typedef-combinator:
'>' | '+' | '~' | [ '|' '|' ]
-
selectors-4
#typedef-combinator:
-
<common-lig-values>
-
css-fonts-4
#common-lig-values:
[ common-ligatures | no-common-ligatures ]
-
css-fonts-4
#common-lig-values:
-
<comparison-operator>
-
css-conditional-values-1
#typedef-comparison-operator:
[ '=' | '>=' | '>' | '<' | '<=' ]
-
css-conditional-values-1
#typedef-comparison-operator:
-
<compat-auto>
- css-ui-4 #typedef-appearance-compat-auto
-
css-ui-4
#ref-for-typedef-appearance-compat-auto①:
searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button
-
<compat-special>
- css-ui-4 #typedef-appearance-compat-special
-
css-ui-4
#ref-for-typedef-appearance-compat-special①:
textfield | menulist-button
-
<composite-mode>
-
compositing-2
#compositemode:
clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter | plus-darker | plus-lighter
-
compositing-1
#compositemode:
clear | copy | source-over | destination-over | source-in | destination-in | source-out | destination-out | source-atop | destination-atop | xor | lighter
-
compositing-2
#compositemode:
-
<compositing-operator>
-
css-masking-1
#typedef-compositing-operator:
add | subtract | intersect | exclude
-
css-masking-1
#typedef-compositing-operator:
-
<condition>
-
css-conditional-values-1
#typedef-condition:
not <condition-in-parens> | <condition-in-parens> [ and <condition-in-parens> ]* | <condition-in-parens> [ or <condition-in-parens> ]*
-
css-conditional-values-1
#typedef-condition:
-
<conic-gradient-syntax>
-
css-images-4
#typedef-conic-gradient-syntax:
[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>
-
css-images-4
#typedef-conic-gradient-syntax:
-
<container-progress()>
-
css-values-5
#typedef-container-progress:
container-progress(<size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum>)
-
css-values-5
#typedef-container-progress:
-
<container-query>
-
css-conditional-5
#typedef-container-query:
not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]
-
css-conditional-5
#typedef-container-query:
-
<content-distribution>
-
css-align-3
#typedef-content-distribution:
space-between | space-around | space-evenly | stretch
-
css-align-3
#typedef-content-distribution:
-
<content-level>
-
css-gcpm-4
#typedef-content-level:
element | content | text | <attr()> | <counter>
-
css-gcpm-4
#typedef-content-level:
-
<content-list>
- css-content-3 #typedef-content-content-list
-
css-content-3
#ref-for-typedef-content-content-list⑧:
[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> ]+
-
css-gcpm-3
#content-list:
[ <string> | <counter()> | <counters()> | <content()> | <attr()> ]+
-
<content-position>
-
css-align-3
#typedef-content-position:
center | start | end | flex-start | flex-end
-
css-align-3
#typedef-content-position:
-
<contextual-alt-values>
-
css-fonts-4
#contextual-alt-values:
[ contextual | no-contextual ]
-
css-fonts-4
#contextual-alt-values:
-
<coord-box>
-
css-box-4
#typedef-coord-box:
<paint-box> | view-box
-
css-box-3
#typedef-coord-box:
<paint-box> | view-box
-
css-box-4
#typedef-coord-box:
-
<crossorigin-modifier>
- css-values-5 #typedef-request-url-modifier-crossorigin-modifier
-
css-values-5
#ref-for-typedef-request-url-modifier-crossorigin-modifier①:
crossorigin(anonymous | use-credentials)
-
<cubic-bezier-easing-function>
-
css-easing-2
#typedef-cubic-bezier-easing-function:
ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number [0,1]>, <number>, <number [0,1]>, <number>)
-
css-easing-1
#typedef-cubic-bezier-easing-function:
ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number [0,1]>, <number>, <number [0,1]>, <number>)
-
css-easing-2
#typedef-cubic-bezier-easing-function:
-
<curve-command>
-
css-shapes-2
#typedef-shape-curve-command:
curve [[<by-to> <coordinate-pair>] || [using <coordinate-pair>{1,2}]]
-
css-shapes-2
#ref-for-typedef-shape-curve-command①:
curve [<by-to> <coordinate-pair> using <coordinate-pair>{1,2}]
-
css-shapes-2
#typedef-shape-curve-command:
-
<custom-params>
-
css-color-hdr
#typedef-custom-params:
<dashed-ident> [ <number> | <percentage> | none ]+
-
css-color-5
#typedef-custom-params:
<dashed-ident> [ <number> | <percentage> | none ]+
-
css-color-hdr
#typedef-custom-params:
-
<custom-selector>
-
css-extensions-1
#typedef-custom-selector:
<custom-arg>? : <extension-name> [ ( <custom-arg>+#? ) ]? ;
-
css-extensions-1
#typedef-custom-selector:
-
<dasharray>
-
SVG2/painting
#DataTypeDasharray:
[ [ <length-percentage> | <number> ]+ ]#
-
SVG2/painting
#DataTypeDasharray:
-
<discretionary-lig-values>
-
css-fonts-4
#discretionary-lig-values:
[ discretionary-ligatures | no-discretionary-ligatures ]
-
css-fonts-4
#discretionary-lig-values:
-
<display-box>
-
css-display-4
#typedef-display-box:
contents | none
-
css-display-3
#typedef-display-box:
contents | none
-
css-display-4
#typedef-display-box:
-
<display-inside>
-
css-display-4
#typedef-display-inside:
flow | flow-root | table | flex | grid | ruby
-
css-display-3
#typedef-display-inside:
flow | flow-root | table | flex | grid | ruby
-
css-display-4
#typedef-display-inside:
-
<display-internal>
-
css-display-4
#typedef-display-internal:
table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container
-
css-display-3
#typedef-display-internal:
table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | table-column | table-caption | ruby-base | ruby-text | ruby-base-container | ruby-text-container
-
css-display-4
#typedef-display-internal:
-
<display-legacy>
-
css-display-4
#typedef-display-legacy:
inline-block | inline-table | inline-flex | inline-grid
-
css-display-3
#typedef-display-legacy:
inline-block | inline-table | inline-flex | inline-grid
-
css-display-4
#typedef-display-legacy:
-
<display-listitem>
-
css-display-4
#typedef-display-listitem:
<display-outside>? && [ flow | flow-root ]? && list-item
-
css-display-3
#typedef-display-listitem:
<display-outside>? && [ flow | flow-root ]? && list-item
-
css-display-4
#typedef-display-listitem:
-
<display-outside>
-
css-display-4
#typedef-display-outside:
block | inline | run-in
-
css-display-3
#typedef-display-outside:
block | inline | run-in
-
css-display-4
#typedef-display-outside:
-
<east-asian-variant-values>
-
css-fonts-4
#east-asian-variant-values:
[ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]
-
css-fonts-4
#east-asian-variant-values:
-
<east-asian-width-values>
-
css-fonts-4
#east-asian-width-values:
[ full-width | proportional-width ]
-
css-fonts-4
#east-asian-width-values:
-
<filter-function>
-
filter-effects-1
#typedef-filter-function:
<blur()> | <brightness()> | <contrast()> | <drop-shadow()> | <grayscale()> | <hue-rotate()> | <invert()> | <opacity()> | <sepia()> | <saturate()>
-
filter-effects-1
#typedef-filter-function:
-
<final-bg-layer>
-
css-backgrounds-3
#typedef-final-bg-layer:
<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>
-
css-backgrounds-3
#typedef-final-bg-layer:
-
<first-valid()>
-
css-values-5
#typedef-first-valid:
first-valid( <declaration-value># )
-
css-values-5
#typedef-first-valid:
-
<fixed-breadth>
-
css-grid-2
#typedef-fixed-breadth:
<length-percentage [0,∞]>
-
css-grid-1
#typedef-fixed-breadth:
<length-percentage [0,∞]>
-
css-grid-2
#typedef-fixed-breadth:
-
<fixed-repeat>
-
css-grid-2
#typedef-fixed-repeat:
repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )
-
css-grid-1
#typedef-fixed-repeat:
repeat( [ <integer [1,∞]> ] , [ <line-names>? <fixed-size> ]+ <line-names>? )
-
css-grid-2
#typedef-fixed-repeat:
-
<fixed-size>
-
css-grid-2
#typedef-fixed-size:
<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )
-
css-grid-1
#typedef-fixed-size:
<fixed-breadth> | minmax( <fixed-breadth> , <track-breadth> ) | minmax( <inflexible-breadth> , <fixed-breadth> )
-
css-grid-2
#typedef-fixed-size:
-
<font-feature-value-type>
-
css-fonts-4
#font-feature-values-syntax:
@stylistic | @historical-forms | @styleset | @character-variant | @swash | @ornaments | @annotation
-
css-fonts-4
#font-feature-values-syntax:
-
<font-features-tech>
-
css-fonts-5
#font-features-tech-values:
[features-opentype | features-aat | features-graphite]
-
css-fonts-4
#font-features-tech-values:
[features-opentype | features-aat | features-graphite]
-
css-fonts-5
#font-features-tech-values:
-
<font-format>
-
css-fonts-5
#font-format-values:
[<string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]
-
css-fonts-4
#font-format-values:
[<string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]
-
css-fonts-5
#font-format-values:
-
<font-src>
-
css-fonts-4
#typedef-font-src:
<url> [ format(<font-format>)]? [ tech( <font-tech>#)]? | local(<family-name>)
-
css-fonts-4
#typedef-font-src:
-
<font-tech>
-
css-fonts-5
#font-tech-values:
[<font-features-tech> | <color-font-tech> | variations | palettes | incremental ]
-
css-fonts-4
#font-tech-values:
[<font-features-tech> | <color-font-tech> | variations | palettes | incremental ]
-
css-fonts-5
#font-tech-values:
-
<font-variant-css2>
-
css-fonts-4
#font-variant-css21-values:
normal | small-caps
-
css-fonts-4
#font-variant-css21-values:
-
<font-weight-absolute>
-
css-fonts-4
#font-weight-absolute-values:
[normal | bold | <number [1,1000]>]
-
css-fonts-4
#font-weight-absolute-values:
-
<font-width-css3>
-
css-fonts-4
#font-width-css3-values:
normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
-
css-fonts-4
#font-width-css3-values:
-
<general-enclosed>
-
css-values-4
#typedef-general-enclosed:
[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]
-
mediaqueries-5
#typedef-general-enclosed:
[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]
-
mediaqueries-4
#typedef-general-enclosed:
[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]
-
css-values-4
#typedef-general-enclosed:
-
<generic-complete>
-
css-fonts-4
#typedef-generic-complete:
serif | sans-serif | system-ui | cursive | fantasy | math | monospace
-
css-fonts-4
#typedef-generic-complete:
-
<generic-incomplete>
-
css-fonts-4
#typedef-generic-incomplete:
ui-serif | ui-sans-serif | ui-monospace | ui-rounded
-
css-fonts-4
#typedef-generic-incomplete:
-
<generic-script-specific>
-
css-fonts-4
#typedef-generic-script-specific:
generic(kai) | generic(fangsong) | generic(nastaliq)
-
css-fonts-4
#typedef-generic-script-specific:
-
<geometry-box>
-
css-masking-1
#typedef-geometry-box:
<shape-box> | fill-box | stroke-box | view-box
-
css-masking-1
#typedef-geometry-box:
-
<gradient>
-
css-images-4
#typedef-gradient:
[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]
-
css-images-3
#typedef-gradient:
<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>
-
css-images-4
#typedef-gradient:
-
<grid-line>
-
css-grid-2
#typedef-grid-row-start-grid-line:
auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]
-
css-grid-1
#typedef-grid-row-start-grid-line:
auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]
-
css-grid-2
#typedef-grid-row-start-grid-line:
-
<historical-lig-values>
-
css-fonts-4
#historical-lig-values:
[ historical-ligatures | no-historical-ligatures ]
-
css-fonts-4
#historical-lig-values:
-
<hue-interpolation-method>
-
css-color-5
#typedef-hue-interpolation-method:
[ shorter | longer | increasing | decreasing ] hue
-
css-color-4
#typedef-hue-interpolation-method:
[ shorter | longer | increasing | decreasing ] hue
-
css-color-5
#typedef-hue-interpolation-method:
-
<hue>
-
css-color-4
#typedef-hue:
<number> | <angle>
-
css-color-4
#typedef-hue:
-
<hv-line-command>
-
css-shapes-2
#typedef-shape-hv-line-command:
[hline | vline] <by-to> <length-percentage>
-
css-shapes-2
#ref-for-typedef-shape-hv-line-command①:
[hline | vline] <by-to> <length-percentage>
-
css-shapes-2
#typedef-shape-hv-line-command:
-
<image-set-option>
-
css-images-4
#typedef-image-set-option:
[ <image> | <string> ] [ <resolution> || type(<string>) ]?
-
css-images-4
#typedef-image-set-option:
-
<image-src>
-
css-images-4
#typedef-image-src:
[ <url> | <string> ]
-
css-images-4
#typedef-image-src:
-
<image>
-
css-images-4
#typedef-image:
<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>
-
css-images-3
#typedef-image:
<url> | <gradient>
-
css-images-4
#typedef-image:
-
<import-conditions>
-
css-cascade-5
#typedef-import-conditions:
[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?
-
css-cascade-4
#typedef-import-conditions:
[ supports( [ <supports-condition> | <declaration> ] ) ]? <media-query-list>?
-
css-cascade-5
#typedef-import-conditions:
-
<inflexible-breadth>
-
css-grid-2
#typedef-inflexible-breadth:
<length-percentage [0,∞]> | min-content | max-content | auto
-
css-grid-1
#typedef-inflexible-breadth:
<length-percentage [0,∞]> | min-content | max-content | auto
-
css-grid-2
#typedef-inflexible-breadth:
-
<isolation-mode>
-
compositing-2
#isolated-propid:
auto | isolate
-
compositing-1
#isolated-propid:
auto | isolate
-
compositing-2
#isolated-propid:
-
<keyframe-selector>
-
css-animations-1
#typedef-keyframe-selector:
from | to | <percentage [0,100]>
-
scroll-animations-1
#ref-for-typedef-keyframe-selector:
from | to | <percentage [0,100]> | <timeline-range-name> <percentage>
-
css-animations-1
#typedef-keyframe-selector:
-
<layer-name>
-
css-cascade-5
#typedef-layer-name:
<ident> [ '.' <ident> ]*
-
css-cascade-5
#typedef-layer-name:
-
<layout-box>
-
css-box-4
#typedef-layout-box:
<visual-box> | margin-box
-
css-box-3
#typedef-layout-box:
<visual-box> | margin-box
-
css-box-4
#typedef-layout-box:
-
<leader-type>
-
css-content-3
#typedef-leader-type:
dotted | solid | space | <string>
-
css-content-3
#typedef-leader-type:
-
<legacy-device-cmyk-syntax>
-
css-color-5
#typedef-legacy-device-cmyk-syntax:
device-cmyk( <number>#{4} )
-
css-color-5
#typedef-legacy-device-cmyk-syntax:
-
<legacy-hsl-syntax>
-
css-color-4
#typedef-legacy-hsl-syntax:
hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )
-
css-color-4
#typedef-legacy-hsl-syntax:
-
<legacy-hsla-syntax>
-
css-color-4
#typedef-legacy-hsla-syntax:
hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )
-
css-color-4
#typedef-legacy-hsla-syntax:
-
<legacy-pseudo-element-selector>
-
selectors-4
#typedef-legacy-pseudo-element-selector:
':' [before | after | first-line | first-letter]
-
selectors-4
#typedef-legacy-pseudo-element-selector:
-
<legacy-rgb-syntax>
-
css-color-4
#typedef-legacy-rgb-syntax:
rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )
-
css-color-4
#typedef-legacy-rgb-syntax:
-
<legacy-rgba-syntax>
-
css-color-4
#typedef-legacy-rgba-syntax:
rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )
-
css-color-4
#typedef-legacy-rgba-syntax:
-
<line-names>
-
css-grid-2
#typedef-line-names:
'[' <custom-ident>* ']'
-
css-grid-1
#typedef-line-names:
'[' <custom-ident>* ']'
-
css-grid-2
#typedef-line-names:
-
<line-style>
-
css-backgrounds-3
#typedef-line-style:
none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
-
css-backgrounds-3
#typedef-line-style:
-
<line-width>
-
css-backgrounds-3
#typedef-line-width:
<length [0,∞]> | thin | medium | thick
-
css-backgrounds-3
#typedef-line-width:
-
<linear-gradient-syntax>
-
css-images-4
#typedef-linear-gradient-syntax:
[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>
-
css-images-3
#typedef-linear-gradient-syntax:
[ <angle> | to <side-or-corner> ]? , <color-stop-list>
-
css-images-4
#typedef-linear-gradient-syntax:
-
<mask-layer>
-
css-masking-1
#typedef-mask-layer:
<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>
-
css-masking-1
#typedef-mask-layer:
-
<masking-mode>
-
css-masking-1
#typedef-masking-mode:
alpha | luminance | match-source
-
css-masking-1
#typedef-masking-mode:
-
<media-condition>
-
mediaqueries-5
#typedef-media-condition:
<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]
-
mediaqueries-4
#typedef-media-condition:
<media-not> | <media-in-parens> [ <media-and>* | <media-or>* ]
-
mediaqueries-5
#typedef-media-condition:
-
<media-feature>
-
mediaqueries-5
#typedef-media-feature:
( [ <mf-plain> | <mf-boolean> | <mf-range> ] )
-
mediaqueries-4
#typedef-media-feature:
[ <mf-plain> | <mf-boolean> | <mf-range> ]
-
mediaqueries-5
#typedef-media-feature:
-
<media-progress()>
-
css-values-5
#typedef-media-progress:
media-progress(<media-feature> from <calc-sum> to <calc-sum>)
-
css-values-5
#typedef-media-progress:
-
<media-query>
-
mediaqueries-5
#typedef-media-query:
<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?
-
mediaqueries-4
#typedef-media-query:
<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?
-
mediaqueries-5
#typedef-media-query:
-
<mf-comparison>
-
mediaqueries-5
#typedef-mf-comparison:
<mf-lt> | <mf-gt> | <mf-eq>
-
mediaqueries-4
#typedef-mf-comparison:
<mf-lt> | <mf-gt> | <mf-eq>
-
mediaqueries-5
#typedef-mf-comparison:
-
<mf-gt>
-
mediaqueries-5
#typedef-mf-gt:
'>' '='?
-
mediaqueries-4
#typedef-mf-gt:
'>' '='?
-
mediaqueries-5
#typedef-mf-gt:
-
<mf-lt>
-
mediaqueries-5
#typedef-mf-lt:
'<' '='?
-
mediaqueries-4
#typedef-mf-lt:
'<' '='?
-
mediaqueries-5
#typedef-mf-lt:
-
<mf-range>
-
mediaqueries-5
#typedef-mf-range:
<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>
-
mediaqueries-4
#typedef-mf-range:
<mf-name> <mf-comparison> <mf-value> | <mf-value> <mf-comparison> <mf-name> | <mf-value> <mf-lt> <mf-name> <mf-lt> <mf-value> | <mf-value> <mf-gt> <mf-name> <mf-gt> <mf-value>
-
mediaqueries-5
#typedef-mf-range:
-
<mf-value>
-
mediaqueries-5
#typedef-mf-value:
<number> | <dimension> | <ident> | <ratio>
-
mediaqueries-4
#typedef-mf-value:
<number> | <dimension> | <ident> | <ratio>
-
mediaqueries-5
#typedef-mf-value:
-
<mix()>
-
css-values-5
#typedef-mix:
mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )
-
css-values-5
#typedef-mix:
-
<modern-device-cmyk-syntax>
-
css-color-5
#typedef-modern-device-cmyk-syntax:
device-cmyk( <cmyk-component>{4} [ / [ <alpha-value> | none ] ]? )
-
css-color-5
#typedef-modern-device-cmyk-syntax:
-
<modern-hsl-syntax>
-
css-color-5
#typedef-modern-hsl-syntax:
hsl([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )
-
css-color-4
#typedef-modern-hsl-syntax:
hsl( [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )
-
css-color-5
#typedef-modern-hsl-syntax:
-
<modern-hsla-syntax>
-
css-color-5
#typedef-modern-hsla-syntax:
hsla([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )
-
css-color-4
#typedef-modern-hsla-syntax:
hsla( [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )
-
css-color-5
#typedef-modern-hsla-syntax:
-
<modern-rgb-syntax>
-
css-color-5
#typedef-modern-rgb-syntax:
rgb( [ from <color> ]? [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )
-
css-color-4
#typedef-modern-rgb-syntax:
rgb( [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )
-
css-color-5
#typedef-modern-rgb-syntax:
-
<modern-rgba-syntax>
-
css-color-5
#typedef-modern-rgba-syntax:
rgba( [ from <color> ]? [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )
-
css-color-4
#typedef-modern-rgba-syntax:
rgba( [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )
-
css-color-5
#typedef-modern-rgba-syntax:
-
<name-repeat>
-
css-grid-2
#typedef-name-repeat:
repeat( [ <integer [1,∞]> | auto-fill ], <line-names>+)
-
css-grid-2
#typedef-name-repeat:
-
<ns-prefix>
-
selectors-4
#typedef-ns-prefix:
[ <ident-token> | '*' ]? '|'
-
selectors-4
#typedef-ns-prefix:
-
<numeric-figure-values>
-
css-fonts-4
#numeric-figure-values:
[ lining-nums | oldstyle-nums ]
-
css-fonts-4
#numeric-figure-values:
-
<numeric-fraction-values>
-
css-fonts-4
#numeric-fraction-values:
[ diagonal-fractions | stacked-fractions ]
-
css-fonts-4
#numeric-fraction-values:
-
<numeric-spacing-values>
-
css-fonts-4
#numeric-spacing-values:
[ proportional-nums | tabular-nums ]
-
css-fonts-4
#numeric-spacing-values:
-
<overflow-position>
-
css-align-3
#typedef-overflow-position:
unsafe | safe
-
css-align-3
#typedef-overflow-position:
-
<paint-box>
-
css-box-4
#typedef-paint-box:
<visual-box> | fill-box | stroke-box
-
css-box-3
#typedef-paint-box:
<visual-box> | fill-box | stroke-box
-
css-box-4
#typedef-paint-box:
-
<paint>
-
fill-stroke-3
#typedef-paint:
none | <image> | <svg-paint>
-
SVG2/painting
#DataTypePaint:
none | <color> | <url> [none | <color>]? | context-fill | context-stroke
-
fill-stroke-3
#typedef-paint:
-
<points>
-
SVG2/shapes
#DataTypePoints:
[ <number>+ ]#
-
SVG2/shapes
#DataTypePoints:
-
<polar-color-space>
-
css-color-5
#typedef-polar-color-space:
hsl | hwb | lch | oklch
-
css-color-4
#typedef-polar-color-space:
hsl | hwb | lch | oklch
-
css-color-5
#typedef-polar-color-space:
-
<position-area>
-
css-anchor-position-1
#typedef-position-area:
[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]
-
css-anchor-position-1
#typedef-position-area:
-
<position>
- css-values-4 #typedef-position
-
css-values-4
#ref-for-typedef-position③:
[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]
- css-values-3 #typedef-position
-
css-values-3
#ref-for-typedef-position②:
[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]
-
<predefined-polar-params>
-
css-color-hdr
#typedef-predefined-polar-params:
jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none]
-
css-color-hdr
#typedef-predefined-polar-params:
-
<predefined-rgb-params>
-
css-color-hdr
#typedef-predefined-rgb-params:
<predefined-rgb> [ <number> | <percentage> | none ]{3}
-
css-color-5
#typedef-predefined-rgb-params:
<predefined-rgb> [ <number> | <percentage> | none ]{3}
-
css-color-4
#typedef-predefined-rgb-params:
<predefined-rgb> [ <number> | <percentage> | none ]{3}
-
css-color-hdr
#typedef-predefined-rgb-params:
-
<predefined-rgb>
-
css-color-hdr
#typedef-predefined-rgb:
srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear
-
css-color-5
#typedef-predefined-rgb:
srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020
-
css-color-4
#typedef-predefined-rgb:
srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020
-
css-color-hdr
#typedef-predefined-rgb:
-
<progress()>
-
css-values-5
#typedef-progress-fn:
progress(<calc-sum> from <calc-sum> to <calc-sum>)
-
css-values-5
#typedef-progress-fn:
-
<progress>
- css-values-5 #typedef-progress
-
css-values-5
#ref-for-typedef-progress④:
[ <percentage> | <number> | <'animation-timeline'> ]? && by <easing-function>
-
<pseudo-class-selector>
-
selectors-4
#typedef-pseudo-class-selector:
':' <ident-token> | ':' <function-token> <any-value> ')'
-
selectors-4
#typedef-pseudo-class-selector:
-
<pseudo-page>
-
css-page-3
#typedef-pseudo-page:
':' [ left | right | first | blank ] /* Margin rules */
-
css-page-3
#typedef-pseudo-page:
-
<query-in-parens>
-
css-conditional-5
#typedef-query-in-parens:
( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>
-
css-conditional-5
#typedef-query-in-parens:
-
<quote>
-
css-content-3
#typedef-quote:
open-quote | close-quote | no-open-quote | no-close-quote
-
css-content-3
#typedef-quote:
-
<radial-extent>
-
css-images-3
#typedef-radial-extent:
closest-corner | closest-side | farthest-corner | farthest-side
-
css-images-3
#typedef-radial-extent:
-
<radial-gradient-syntax>
-
css-images-4
#typedef-radial-gradient-syntax:
[ [ [ <radial-shape> || <radial-size> ]? [ at <position> ]? ] || <color-interpolation-method>]? , <color-stop-list>
-
css-images-3
#typedef-radial-gradient-syntax:
[ <radial-shape> || <radial-size> ]? [ at <position> ]? , <color-stop-list>
-
css-images-4
#typedef-radial-gradient-syntax:
-
<radial-shape>
-
css-images-3
#typedef-radial-shape:
circle | ellipse
-
css-images-3
#typedef-radial-shape:
-
<radial-size>
-
css-images-3
#typedef-radial-size:
<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}
-
css-images-4
#ref-for-typedef-radial-size③:
<radial-extent>{1,2} | <length-percentage [0,∞]>{1,2}
-
css-images-3
#typedef-radial-size:
-
<random-caching-options>
-
css-values-5
#typedef-random-caching-options:
<dashed-ident> || per-element
-
css-values-5
#typedef-random-caching-options:
-
<ratio>
- css-values-4 #ratio-value
-
css-values-4
#ref-for-ratio-value①:
<number [0,∞]> [ / <number [0,∞]> ]?
-
mediaqueries-4
#ref-for-ratio-value④:
<integer> / <integer>
-
mediaqueries-4
#ref-for-ratio-value⑤:
<number [0,∞]> [ / <number [0,∞]> ]?
-
<ray-size>
-
motion-1
#typedef-ray-size:
closest-side | closest-corner | farthest-side | farthest-corner | sides
-
motion-1
#typedef-ray-size:
-
<rectangular-color-space>
-
css-color-5
#typedef-rectangular-color-space:
srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65
-
css-color-4
#typedef-rectangular-color-space:
srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | lab | oklab | xyz | xyz-d50 | xyz-d65
-
css-color-5
#typedef-rectangular-color-space:
-
<referrerpolicy-modifier>
- css-values-5 #typedef-request-url-modifier-referrerpolicy-modifier
-
css-values-5
#ref-for-typedef-request-url-modifier-referrerpolicy-modifier①:
referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)
-
<repeat-style>
-
css-backgrounds-4
#typedef-repeat-style:
repeat-x | repeat-y | <repetition>{1,2}
-
css-backgrounds-3
#typedef-repeat-style:
repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}
-
css-backgrounds-4
#typedef-repeat-style:
-
<repetition>
-
css-backgrounds-4
#typedef-repetition:
repeat | space | round | no-repeat
-
css-backgrounds-4
#typedef-repetition:
-
<rounding-strategy>
- css-values-4 #typedef-rounding-strategy
-
css-values-4
#ref-for-typedef-rounding-strategy⑥:
nearest | up | down | to-zero
-
<scroll-state-query>
-
css-conditional-5
#typedef-scroll-state-query:
not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>
-
css-conditional-5
#typedef-scroll-state-query:
-
<scroller>
-
scroll-animations-1
#typedef-scroller:
root | nearest | self
-
scroll-animations-1
#typedef-scroller:
-
<self-position>
-
css-align-3
#typedef-self-position:
center | start | end | self-start | self-end | flex-start | flex-end
-
css-align-3
#typedef-self-position:
-
<shadow>
-
css-backgrounds-3
#typedef-shadow:
<color>? && [<length>{2} <length [0,∞]>? <length>?] && inset?
-
css-backgrounds-3
#typedef-shadow:
-
<shape-box>
-
css-shapes-1
#typedef-shape-box:
<visual-box> | margin-box
-
css-shapes-1
#typedef-shape-box:
-
<side-or-corner>
-
css-images-4
#typedef-side-or-corner:
[left | right] || [top | bottom]
-
css-images-3
#typedef-side-or-corner:
[left | right] || [top | bottom]
-
css-images-4
#typedef-side-or-corner:
-
<single-animation-composition>
-
css-animations-2
#typedef-single-animation-composition:
replace | add | accumulate
-
css-animations-2
#typedef-single-animation-composition:
-
<single-animation-direction>
-
css-animations-1
#typedef-single-animation-direction:
normal | reverse | alternate | alternate-reverse
-
css-animations-1
#typedef-single-animation-direction:
-
<single-animation-fill-mode>
-
css-animations-1
#typedef-single-animation-fill-mode:
none | forwards | backwards | both
-
css-animations-1
#typedef-single-animation-fill-mode:
-
<single-animation-iteration-count>
-
css-animations-1
#typedef-single-animation-iteration-count:
infinite | <number [0,∞]>
-
css-animations-1
#typedef-single-animation-iteration-count:
-
<single-animation-timeline>
-
css-animations-2
#typedef-single-animation-timeline:
auto | none | <dashed-ident> | <scroll()> | <view()>
-
css-animations-2
#typedef-single-animation-timeline:
-
<single-animation>
-
css-animations-2
#typedef-single-animation:
<'animation-duration'> || <easing-function> || <'animation-delay'> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ] || <single-animation-timeline>
-
css-animations-1
#typedef-single-animation:
<time [0s,∞]> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]
-
css-animations-2
#typedef-single-animation:
-
<single-transition>
-
css-transitions-2
#single-transition:
[ none | <single-transition-property> ] || <time> || <easing-function> || <time> || <transition-behavior-value>
-
css-transitions-1
#single-transition:
[ none | <single-transition-property> ] || <time> || <easing-function> || <time>
-
css-transitions-2
#single-transition:
-
<smooth-command>
-
css-shapes-2
#typedef-shape-smooth-command:
smooth [[<by-to> <coordinate-pair>] || [using <coordinate-pair>]?]
-
css-shapes-2
#ref-for-typedef-shape-smooth-command①:
smooth [[<by-to> <coordinate-pair>] || [using <coordinate-pair>]?]
-
css-shapes-2
#typedef-shape-smooth-command:
-
<spacing-trim>
-
css-text-4
#typedef-spacing-trim:
space-all | normal | space-first | trim-start | trim-both | trim-all
-
css-text-4
#typedef-spacing-trim:
-
<spread-shadow>
-
css-borders-4
#typedef-spread-shadow:
<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?
-
css-borders-4
#typedef-spread-shadow:
-
<step-easing-function>
-
css-easing-2
#typedef-step-easing-function:
step-start | step-end | steps(<integer> , <step-position>?)
-
css-easing-1
#typedef-step-easing-function:
step-start | step-end | steps(<integer> , <step-position>?)
-
css-easing-2
#typedef-step-easing-function:
-
<style-query>
-
css-conditional-5
#typedef-style-query:
not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>
-
css-conditional-5
#typedef-style-query:
-
<supports-condition>
-
css-conditional-3
#typedef-supports-condition:
not <supports-in-parens> | <supports-in-parens> [ and <supports-in-parens> ]* | <supports-in-parens> [ or <supports-in-parens> ]*
-
css-conditional-3
#typedef-supports-condition:
-
<svg-paint>
-
fill-stroke-3
#typedef-svg-paint:
child | child( <integer> )
-
fill-stroke-3
#typedef-svg-paint:
-
<symbols-type>
-
css-counter-styles-3
#typedef-symbols-type:
cyclic | numeric | alphabetic | symbolic | fixed
-
css-counter-styles-3
#typedef-symbols-type:
-
<syntax-component>
-
css-mixins-1
#typedef-syntax-component:
<syntax-component-name> <syntax-multiplier>? | '<' transform-list '>'
-
css-mixins-1
#typedef-syntax-component:
-
<syntax-multiplier>
-
css-mixins-1
#typedef-syntax-multiplier:
[ '#' | '+' ]
-
css-mixins-1
#typedef-syntax-multiplier:
-
<syntax-type>
-
css-mixins-1
#typedef-syntax-type:
angle | color | custom-ident | image | integer | length | length-percentage | number | percentage | resolution | string | time | url | transform-function
-
css-mixins-1
#typedef-syntax-type:
-
<syntax>
-
css-mixins-1
#typedef-syntax:
'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+
-
css-mixins-1
#typedef-syntax:
-
<system-family-name>
- css-fonts-4 #system-family-name-value
-
css-fonts-4
#ref-for-system-family-name-value②:
caption | icon | menu | message-box | small-caption | status-bar
-
<text-edge>
- css-inline-3 #typedef-text-edge
-
css-inline-3
#ref-for-typedef-text-edge②:
[ text | cap | ex | ideographic | ideographic-ink ] [ text | alphabetic | ideographic | ideographic-ink ]?
-
<toggle()>
-
css-values-5
#typedef-toggle:
toggle( <whole-value># )
-
css-values-5
#typedef-toggle:
-
<toggle-overflow>
-
css-toggle
#typedef-toggle-overflow:
cycle | cycle-on | sticky
-
css-toggle
#typedef-toggle-overflow:
-
<toggle-specifier>
-
css-toggle
#typedef-toggle-specifier:
<dashed-ident> [ <toggle-states> [at <toggle-value>]? || <toggle-overflow> || group || self ]?
-
css-toggle
#typedef-toggle-specifier:
-
<toggle-states>
-
css-toggle
#typedef-toggle-states:
<integer [1,∞]> | '[' <custom-ident>{2,} ']'
-
css-toggle
#typedef-toggle-states:
-
<toggle-value>
-
css-toggle
#typedef-toggle-value:
<integer [0,∞]> | <custom-ident>
-
css-toggle
#typedef-toggle-value:
-
<track-breadth>
-
css-grid-2
#typedef-track-breadth:
<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto
-
css-grid-1
#typedef-track-breadth:
<length-percentage [0,∞]> | <flex [0,∞]> | min-content | max-content | auto
-
css-grid-2
#typedef-track-breadth:
-
<track-list>
-
css-grid-2
#typedef-track-list:
[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?
-
css-grid-1
#typedef-track-list:
[ <line-names>? [ <track-size> | <track-repeat> ] ]+ <line-names>?
-
css-grid-2
#typedef-track-list:
-
<track-repeat>
-
css-grid-2
#typedef-track-repeat:
repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>? )
-
css-grid-1
#typedef-track-repeat:
repeat( [ <integer [1,∞]> ] , [ <line-names>? <track-size> ]+ <line-names>? )
-
css-grid-2
#typedef-track-repeat:
-
<track-size>
-
css-grid-2
#typedef-track-size:
<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )
-
css-grid-1
#typedef-track-size:
<track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> )
-
css-grid-2
#typedef-track-size:
-
<transform-mix()>
-
css-values-5
#typedef-transform-mix:
transform-mix( <progress>, <transform-list>, <transform-list> )
-
css-values-5
#typedef-transform-mix:
-
<transition-behavior-value>
-
css-transitions-2
#typedef-transition-behavior-value:
normal | allow-discrete
-
css-transitions-2
#typedef-transition-behavior-value:
-
<trigger-action>
-
css-toggle
#typedef-trigger-action:
[prev | next] <integer [1,∞]>? | set <toggle-value>
-
css-toggle
#typedef-trigger-action:
-
<try-size>
-
css-anchor-position-1
#typedef-try-size:
most-width | most-height | most-block-size | most-inline-size
-
css-anchor-position-1
#typedef-try-size:
-
<try-tactic>
-
css-anchor-position-1
#typedef-position-try-fallbacks-try-tactic:
flip-block || flip-inline || flip-start
-
css-anchor-position-1
#typedef-position-try-fallbacks-try-tactic:
-
<type()>
-
css-mixins-1
#typedef-type:
type( <syntax> )
-
css-mixins-1
#typedef-type:
-
<visual-box>
-
css-box-4
#typedef-visual-box:
content-box | padding-box | border-box
-
css-box-3
#typedef-visual-box:
content-box | padding-box | border-box
-
css-box-4
#typedef-visual-box:
-
<wcag2>
-
css-color-6
#typedef-wcag2:
wcag2 | wcag2([<number> | [ aa | aaa ] && large? ])
-
css-color-6
#typedef-wcag2:
-
<xyz-params>
-
css-color-hdr
#typedef-xyz-params:
<xyz> [ <number> | <percentage> | none ]{3}
-
css-color-5
#typedef-xyz-params:
<xyz> [ <number> | <percentage> | none ]{3}
-
css-color-4
#typedef-xyz-params:
<xyz-space> [ <number> | <percentage> | none ]{3}
-
css-color-hdr
#typedef-xyz-params:
-
<xyz-space>
-
css-color-4
#typedef-xyz-space:
xyz | xyz-d50 | xyz-d65
-
css-color-4
#typedef-xyz-space:
-
<xyz>
-
css-color-hdr
#typedef-xyz:
xyz | xyz-d50 | xyz-d65
-
css-color-5
#typedef-xyz:
xyz | xyz-d50 | xyz-d65
-
css-color-hdr
#typedef-xyz: