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 |
|
object-fit |
|
object-position |
|
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 |
|