Property |
Value |
transform |
transform
|
opacity |
number
|
shape |
ellipse,rectangle,arrow-button-left,arrow-button-right
|
background-color |
paint
|
background-size |
size
|
background-inset |
inset
|
background-inset-top |
length
|
background-inset-right |
length
|
background-inset-bottom |
length
|
background-inset-left |
length
|
background-image |
url
|
background-padding |
padding
|
background-top-padding |
length
|
background-right-padding |
length
|
background-bottom-padding |
length
|
background-left-padding |
length
|
border |
width,border-style,paint
|
border-radius |
size
|
border-top-left-radius |
length
|
border-top-right-radius |
length
|
border-bottom-right-radius |
length
|
border-bottom-left-radius |
length
|
border-width |
length
|
border-color |
paint
|
border-style |
border-style
|
box-shadow |
shadow[","shadow]*
|
animation |
single-animation#
|
animation-name |
name#
|
animation-duration |
time#
|
animation-timing-function |
timing-function#
|
animation-iteration-count |
number#
|
animation-direction |
direction#
|
animation-play-state |
play-state#
|
animation-delay |
time#
|
animation-fill-mode |
fill-mode#
|
text-align |
left,center,right
|
text-transform |
lowercase,uppercase,capitalize
|
text-overflow |
clip,ellipsis,ellipsis-head,ellipsis-middle,ellipsis-tail,character-wrap,word-wrap
|
Property |
Value |
transform |
transform
|
top |
length
|
left |
length
|
width |
length
|
height |
length
|
size |
size
|
position |
size
|
opacity |
number
|
shape |
ellipse,rectangle,arrow-button-left,arrow-button-right
|
background-color |
paint
|
background-size |
size
|
background-inset |
inset
|
background-inset-top |
length
|
background-inset-right |
length
|
background-inset-bottom |
length
|
background-inset-left |
length
|
background-image |
url
|
background-padding |
padding
|
background-top-padding |
length
|
background-right-padding |
length
|
background-bottom-padding |
length
|
background-left-padding |
length
|
border |
width,border-style,paint
|
border-radius |
size
|
border-top-left-radius |
length
|
border-top-right-radius |
length
|
border-bottom-right-radius |
length
|
border-bottom-left-radius |
length
|
border-width |
length
|
border-color |
paint
|
border-style |
border-style
|
font-family |
string
|
font-size |
length
|
font-style |
normal,italic,oblique
|
font-weight |
normal,bold,black,heavy,extra-bold,ultra-bold,semi-bold,demi-bold,medium,light,extra-thin,ultra-thin,thin,100,200,300,400,500,600,700,800,900
|
font-stretch |
normal,ultra-condensed,extra-condensed,condensed,semi-condensed,semi-expanded,expanded,extra-expanded,ultra-expanded
|
color |
paint
|
-ios-tint-color |
paint
|
text |
string
|
animation |
single-animation#
|
animation-name |
name#
|
animation-duration |
time#
|
animation-timing-function |
timing-function#
|
animation-iteration-count |
number#
|
animation-direction |
direction#
|
animation-play-state |
play-state#
|
animation-delay |
time#
|
animation-fill-mode |
fill-mode#
|
text-align |
left,center,right
|
text-transform |
lowercase,uppercase,capitalize
|
text-overflow |
clip,ellipsis,ellipsis-head,ellipsis-middle,ellipsis-tail,character-wrap,word-wrap
|
Property |
Value |
text |
string
|
color |
color
|
font-family |
string
|
font-size |
length
|
font-style |
normal,italic,oblique
|
font-weight |
normal,bold,black,heavy,extra-bold,ultra-bold,semi-bold,demi-bold,medium,light,extra-thin,ultra-thin,thin,100,200,300,400,500,600,700,800,900
|
font-stretch |
normal,ultra-condensed,extra-condensed,condensed,semi-condensed,semi-expanded,expanded,extra-expanded,ultra-expanded
|
letter-spacing |
length,ems,percent
|
text-transform |
uppercase,lowercase,capitalize
|
text-decoration |
underline,line-through,letterpress
|