Module supported_properties 

The CSS properties supported by the style system. Generated from the properties.mako.rs template by build.rs

CSS properties currently supported in Servo

Longhands

Name	Pref
-moz-animation-delay
-moz-animation-direction
-moz-animation-duration
-moz-animation-fill-mode
-moz-animation-iteration-count
-moz-animation-name
-moz-animation-play-state
-moz-animation-timing-function
-moz-backface-visibility
-moz-box-sizing
-moz-font-feature-settings
-moz-font-language-override
-moz-hyphens	layout.css.hyphens.enabled
-moz-perspective
-moz-perspective-origin
-moz-transform
-moz-transform-origin
-moz-transform-style
-moz-transition-delay
-moz-transition-duration
-moz-transition-property
-moz-transition-timing-function
-moz-user-select
-webkit-align-content
-webkit-align-items
-webkit-align-self
-webkit-animation-delay
-webkit-animation-direction
-webkit-animation-duration
-webkit-animation-fill-mode
-webkit-animation-iteration-count
-webkit-animation-name
-webkit-animation-play-state
-webkit-animation-timing-function
-webkit-appearance	layout.css.appearance.enabled
-webkit-backface-visibility
-webkit-background-clip
-webkit-background-origin
-webkit-background-size
-webkit-border-bottom-left-radius
-webkit-border-bottom-right-radius
-webkit-border-top-left-radius
-webkit-border-top-right-radius
-webkit-box-shadow
-webkit-box-sizing
-webkit-clip-path
-webkit-filter
-webkit-flex-basis
-webkit-flex-direction
-webkit-flex-grow
-webkit-flex-shrink
-webkit-flex-wrap
-webkit-font-feature-settings
-webkit-justify-content
-webkit-mask-clip	layout.css.masking.enabled
-webkit-mask-composite	layout.css.masking.enabled
-webkit-mask-image	layout.css.masking.enabled
-webkit-mask-origin	layout.css.masking.enabled
-webkit-mask-position-x	layout.css.masking.enabled
-webkit-mask-position-y	layout.css.masking.enabled
-webkit-mask-repeat	layout.css.masking.enabled
-webkit-mask-size	layout.css.masking.enabled
-webkit-order
-webkit-perspective-origin
-webkit-text-security
-webkit-transform-origin
-webkit-transform-style
-webkit-transition-delay
-webkit-transition-duration
-webkit-transition-property
-webkit-transition-timing-function
-webkit-user-select
align-content
align-items
align-self
alignment-baseline
animation-composition
animation-delay
animation-direction
animation-duration
animation-fill-mode
animation-iteration-count
animation-name
animation-play-state
animation-range-end	layout.css.scroll-driven-animations.enabled
animation-range-start	layout.css.scroll-driven-animations.enabled
animation-timeline	layout.css.scroll-driven-animations.enabled
animation-timing-function
appearance	layout.css.appearance.enabled
aspect-ratio
backdrop-filter	layout.css.backdrop-filter.enabled
backface-visibility
background-attachment
background-blend-mode
background-clip
background-color
background-image
background-origin
background-position-x
background-position-y
background-repeat
background-size
baseline-shift
baseline-source
block-size
border-block-end-color
border-block-end-style
border-block-end-width
border-block-start-color
border-block-start-style
border-block-start-width
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-end-end-radius
border-end-start-radius
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-inline-end-color
border-inline-end-style
border-inline-end-width
border-inline-start-color
border-inline-start-style
border-inline-start-width
border-left-color
border-left-style
border-left-width
border-right-color
border-right-style
border-right-width
border-spacing
border-start-end-radius
border-start-start-radius
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
bottom
box-decoration-break
box-shadow
box-sizing
caption-side
caret-color
clear
clip
clip-path
color
color-scheme
column-count	layout.css.columns.enabled
column-gap
column-span	layout.css.columns.enabled
column-width	layout.css.columns.enabled
contain	layout.css.contain.enabled
container-name	layout.css.container-queries.enabled
container-type	layout.css.container-queries.enabled
content
corner-bottom-left-shape	layout.css.corner-shape.enabled
corner-bottom-right-shape	layout.css.corner-shape.enabled
corner-end-end-shape	layout.css.corner-shape.enabled
corner-end-start-shape	layout.css.corner-shape.enabled
corner-start-end-shape	layout.css.corner-shape.enabled
corner-start-start-shape	layout.css.corner-shape.enabled
corner-top-left-shape	layout.css.corner-shape.enabled
corner-top-right-shape	layout.css.corner-shape.enabled
counter-increment	layout.css.counters.enabled
counter-reset	layout.css.counters.enabled
cursor
cx
cy
d
direction
display
dominant-baseline	layout.css.dominant-baseline.enabled
empty-cells
fill
fill-opacity
fill-rule
filter
flex-basis
flex-direction
flex-grow
flex-line-count	layout.css.flexbox-balance.enabled
flex-shrink
flex-wrap
float
font-family
font-feature-settings
font-kerning
font-language-override
font-optical-sizing	layout.css.font-variations.enabled
font-size
font-size-adjust	layout.css.font-size-adjust.enabled
font-stretch
font-style
font-synthesis-position	layout.css.font-synthesis.enabled
font-synthesis-small-caps	layout.css.font-synthesis.enabled
font-synthesis-style	layout.css.font-synthesis.enabled
font-synthesis-weight
font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-emoji	layout.css.font-variant-emoji.enabled
font-variant-ligatures
font-variant-numeric
font-variant-position
font-variation-settings	layout.css.font-variations.enabled
font-weight
font-width
forced-color-adjust	layout.css.forced-color-adjust.enabled
grid-auto-columns
grid-auto-flow
grid-auto-rows
grid-column-end
grid-column-gap
grid-column-start
grid-row-end
grid-row-gap
grid-row-start
grid-template-areas
grid-template-columns
grid-template-rows
height
hyphenate-character	layout.css.hyphens.enabled
hyphens	layout.css.hyphens.enabled
image-rendering
initial-letter	layout.css.initial-letter.enabled
inline-size
inset-block-end
inset-block-start
inset-inline-end
inset-inline-start
interactivity
isolation
justify-content
justify-items
justify-self
left
letter-spacing
line-break
line-clamp	layout.css.line-clamp.enabled
line-height
list-style-image
list-style-position
list-style-type
margin-block-end
margin-block-start
margin-bottom
margin-inline-end
margin-inline-start
margin-left
margin-right
margin-top
mask-clip	layout.css.masking.enabled
mask-composite	layout.css.masking.enabled
mask-image	layout.css.masking.enabled
mask-mode	layout.css.masking.enabled
mask-origin	layout.css.masking.enabled
mask-position-x	layout.css.masking.enabled
mask-position-y	layout.css.masking.enabled
mask-repeat	layout.css.masking.enabled
mask-size	layout.css.masking.enabled
mask-type	layout.css.masking.enabled
math-depth	layout.css.math-properties.enabled
math-style	layout.css.math-properties.enabled
max-block-size
max-height
max-inline-size
max-width
min-block-size
min-height
min-inline-size
min-width
mix-blend-mode
object-fit
object-position
offset-path	layout.css.motion-path.enabled
opacity
order
outline-color
outline-offset
outline-style
outline-width
overflow-block
overflow-clip-margin
overflow-inline
overflow-wrap
overflow-x
overflow-y
overscroll-behavior-block	layout.css.overscroll-behavior.enabled
overscroll-behavior-inline	layout.css.overscroll-behavior.enabled
overscroll-behavior-x	layout.css.overscroll-behavior.enabled
overscroll-behavior-y	layout.css.overscroll-behavior.enabled
padding-block-end
padding-block-start
padding-bottom
padding-inline-end
padding-inline-start
padding-left
padding-right
padding-top
perspective
perspective-origin
pointer-events
position
position-area	layout.css.anchor-positioning.enabled
position-try-fallbacks	layout.css.anchor-positioning.enabled
quotes
r
right
rotate
row-gap
ruby-align	layout.css.ruby.enabled
ruby-position	layout.css.ruby.enabled
rx
ry
scale
scroll-behavior	layout.css.scroll-behavior.enabled
scrollbar-color	layout.css.scrollbar-styling.enabled
scrollbar-width	layout.css.scrollbar-styling.enabled
stroke
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-linejoin
stroke-miterlimit
stroke-opacity
stroke-width
tab-size
table-layout
text-align
text-align-last
text-autospace	layout.css.text-autospace.enabled
text-box-edge	layout.css.text-box.enabled
text-box-trim	layout.css.text-box.enabled
text-combine-upright	layout.css.text-combine-upright.enabled
text-decoration-color
text-decoration-inset	layout.css.text-decoration-inset.enabled
text-decoration-line
text-decoration-style
text-decoration-thickness
text-emphasis-color	layout.css.text-emphasis.enabled
text-emphasis-position	layout.css.text-emphasis.enabled
text-emphasis-style	layout.css.text-emphasis.enabled
text-indent
text-justify
text-orientation	layout.css.writing-mode.text-orientation.enabled
text-overflow	layout.css.text-overflow.enabled
text-rendering
text-shadow
text-transform
text-underline-offset	layout.css.text-underline.enabled
text-underline-position	layout.css.text-underline.enabled
text-wrap-mode
text-wrap-style
top
touch-action
transform
transform-origin
transform-style
transition-behavior
transition-delay
transition-duration
transition-property
transition-timing-function
translate
unicode-bidi
user-select
view-transition-class	layout.css.view-transitions.enabled
view-transition-name	layout.css.view-transitions.enabled
visibility
white-space-collapse
width
will-change
word-break
word-spacing
word-wrap
writing-mode	layout.css.writing-mode.enabled
x
y
z-index

Shorthands

Name	Pref
-moz-animation
-moz-border-image
-moz-transition
-webkit-animation
-webkit-border-image
-webkit-border-radius
-webkit-flex
-webkit-flex-flow
-webkit-mask	layout.css.masking.enabled
-webkit-mask-position	layout.css.masking.enabled
-webkit-perspective
-webkit-transform
-webkit-transition
all
animation
background
background-position
border
border-block
border-block-color
border-block-end
border-block-start
border-block-style
border-block-width
border-bottom
border-color
border-image
border-inline
border-inline-color
border-inline-end
border-inline-start
border-inline-style
border-inline-width
border-left
border-radius
border-right
border-style
border-top
border-width
columns	layout.css.columns.enabled
corner-block-end-shape	layout.css.corner-shape.enabled
corner-block-start-shape	layout.css.corner-shape.enabled
corner-bottom-shape	layout.css.corner-shape.enabled
corner-inline-end-shape	layout.css.corner-shape.enabled
corner-inline-start-shape	layout.css.corner-shape.enabled
corner-left-shape	layout.css.corner-shape.enabled
corner-right-shape	layout.css.corner-shape.enabled
corner-shape	layout.css.corner-shape.enabled
corner-top-shape	layout.css.corner-shape.enabled
flex
flex-flow
font
font-synthesis	layout.css.font-synthesis.enabled
font-variant
gap
grid
grid-area
grid-column
grid-gap
grid-row
grid-template
inset
inset-block
inset-inline
list-style
margin
margin-block
margin-inline
mask	layout.css.masking.enabled
mask-position	layout.css.masking.enabled
outline
overflow
overscroll-behavior	layout.css.overscroll-behavior.enabled
padding
padding-block
padding-inline
place-content
place-items
place-self
text-box	layout.css.text-box.enabled
text-decoration
text-emphasis	layout.css.text-emphasis.enabled
text-wrap
transition
vertical-align
white-space