CSS properties currently supported in Servo
-Longhands
-Name | -Pref | -
---|---|
align-content |
-
|
-
align-items |
-
|
-
align-self |
-
|
-
animation-composition |
- layout.unimplemented |
-
animation-delay |
-
|
-
animation-direction |
-
|
-
animation-duration |
-
|
-
animation-fill-mode |
-
|
-
animation-iteration-count |
-
|
-
animation-name |
-
|
-
animation-play-state |
-
|
-
animation-timeline |
- layout.unimplemented |
-
animation-timing-function |
-
|
-
aspect-ratio |
-
|
-
backface-visibility |
-
|
-
background-attachment |
-
|
-
background-clip |
-
|
-
background-color |
-
|
-
background-image |
-
|
-
background-origin |
-
|
-
background-position-x |
-
|
-
background-position-y |
-
|
-
background-repeat |
-
|
-
background-size |
-
|
-
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-shadow |
-
|
-
box-sizing |
-
|
-
caption-side |
-
|
-
clear |
-
|
-
clip |
-
|
-
clip-path |
-
|
-
color |
-
|
-
color-scheme |
- layout.unimplemented |
-
column-count |
- layout.columns.enabled |
-
column-gap |
- layout.flexbox.enabled |
-
column-span |
- layout.columns.enabled |
-
column-width |
- layout.columns.enabled |
-
container-name |
- layout.container-queries.enabled |
-
container-type |
- layout.container-queries.enabled |
-
content |
-
|
-
counter-increment |
- layout.legacy_layout |
-
counter-reset |
- layout.legacy_layout |
-
cursor |
-
|
-
direction |
-
|
-
display |
-
|
-
empty-cells |
-
|
-
filter |
-
|
-
flex-basis |
- layout.flexbox.enabled |
-
flex-direction |
- layout.flexbox.enabled |
-
flex-grow |
-
|
-
flex-shrink |
- layout.flexbox.enabled |
-
flex-wrap |
- layout.flexbox.enabled |
-
float |
-
|
-
font-family |
-
|
-
font-language-override |
-
|
-
font-size |
-
|
-
font-stretch |
-
|
-
font-style |
-
|
-
font-variant-caps |
-
|
-
font-weight |
-
|
-
grid-auto-columns |
- layout.grid.enabled |
-
grid-auto-flow |
- layout.grid.enabled |
-
grid-auto-rows |
- layout.grid.enabled |
-
grid-column-end |
- layout.grid.enabled |
-
grid-column-gap |
- layout.flexbox.enabled |
-
grid-column-start |
- layout.grid.enabled |
-
grid-row-end |
- layout.grid.enabled |
-
grid-row-gap |
- layout.flexbox.enabled |
-
grid-row-start |
- layout.grid.enabled |
-
grid-template-areas |
- layout.grid.enabled |
-
grid-template-columns |
- layout.grid.enabled |
-
grid-template-rows |
- layout.grid.enabled |
-
height |
-
|
-
image-rendering |
-
|
-
inline-size |
-
|
-
inset-block-end |
-
|
-
inset-block-start |
-
|
-
inset-inline-end |
-
|
-
inset-inline-start |
-
|
-
justify-content |
-
|
-
justify-items |
-
|
-
justify-self |
-
|
-
left |
-
|
-
letter-spacing |
-
|
-
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 |
-
|
-
max-block-size |
-
|
-
max-height |
-
|
-
max-inline-size |
-
|
-
max-width |
-
|
-
min-block-size |
-
|
-
min-height |
-
|
-
min-inline-size |
-
|
-
min-width |
-
|
-
mix-blend-mode |
-
|
-
opacity |
-
|
-
order |
- layout.flexbox.enabled |
-
outline-color |
-
|
-
outline-offset |
-
|
-
outline-style |
-
|
-
outline-width |
-
|
-
overflow-block |
-
|
-
overflow-inline |
-
|
-
overflow-wrap |
-
|
-
overflow-x |
-
|
-
overflow-y |
-
|
-
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 |
-
|
-
quotes |
- layout.legacy_layout |
-
right |
-
|
-
rotate |
-
|
-
row-gap |
- layout.flexbox.enabled |
-
scale |
-
|
-
table-layout |
-
|
-
text-align |
-
|
-
text-align-last |
-
|
-
text-decoration-color |
-
|
-
text-decoration-line |
-
|
-
text-decoration-style |
-
|
-
text-indent |
-
|
-
text-justify |
-
|
-
text-overflow |
- layout.legacy_layout |
-
text-rendering |
-
|
-
text-shadow |
-
|
-
text-transform |
-
|
-
text-wrap-mode |
-
|
-
top |
-
|
-
transform |
-
|
-
transform-origin |
-
|
-
transform-style |
-
|
-
transition-behavior |
- layout.unimplemented |
-
transition-delay |
-
|
-
transition-duration |
-
|
-
transition-property |
-
|
-
transition-timing-function |
-
|
-
translate |
-
|
-
unicode-bidi |
-
|
-
vertical-align |
-
|
-
visibility |
-
|
-
white-space-collapse |
-
|
-
width |
-
|
-
word-break |
-
|
-
word-spacing |
-
|
-
word-wrap |
-
|
-
writing-mode |
- layout.writing-mode.enabled |
-
z-index |
-
|
-
Shorthands
-Name | -Pref | -
---|---|
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.columns.enabled |
-
flex |
- layout.flexbox.enabled |
-
flex-flow |
- layout.flexbox.enabled |
-
font |
-
|
-
font-variant |
-
|
-
gap |
- layout.flexbox.enabled |
-
grid |
- layout.grid.enabled |
-
grid-area |
- layout.grid.enabled |
-
grid-column |
- layout.grid.enabled |
-
grid-gap |
- layout.flexbox.enabled |
-
grid-row |
- layout.grid.enabled |
-
grid-template |
- layout.grid.enabled |
-
inset |
-
|
-
inset-block |
-
|
-
inset-inline |
-
|
-
list-style |
-
|
-
margin |
-
|
-
margin-block |
-
|
-
margin-inline |
-
|
-
outline |
-
|
-
overflow |
-
|
-
padding |
-
|
-
padding-block |
-
|
-
padding-inline |
-
|
-
place-content |
-
|
-
place-items |
-
|
-
place-self |
-
|
-
text-decoration |
-
|
-
transition |
-
|
-
white-space |
-
|
-