-
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:
-
caption-side
-
css-tables-3
#propdef-caption-side:
top | bottom
-
css-logical-1
#ref-for-propdef-caption-side①:
inline-start | inline-end
-
css-tables-3
#propdef-caption-side:
-
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