Appendix B. Basic Property Reference

Note that in addition to the options shown in the “Value Syntax” column of this appendix, all properties listed also accept the following global values: inherit, initial, and unset. They may in the future accept revert as well. These global values are not shown in the table for brevity and clarity.

Where a “P” is indicated for whether an element is animatable (the “Anim.” column), that means some but not all aspects of the property’s value can be animated.

Property Default value Value syntax Inh. Anim.

align-content

stretch

flex-start | flex-end | center | space-between | space-around | stretch

N

N

align-items

stretch

flex-start | flex-end | center | baseline | stretch

N

N

align-self

stretch

flex-start | flex-end | center | baseline | stretch

N

N

all

See individual properties

inherit | initial | unset

N

N

animation

0s ease 0s 1 normal none running none

[ <animation-name><animation-duration><animation-timing-function><animation-delay><animation-iteration-count><animation-direction><animation-fill-mode><animation-play-state> ]#

N

N

animation-delay

0s

<time>#

N

N

animation-direction

normal

[ normal | reverse | alternate | alternate-reverse ]#

N

N

animation-duration

0s

<time>#

N

N

animation-fill-mode

none

[ none | forwards | backwards | both ]#

N

N

animation-iteration-count

1

<number> | infinite ]#

N

N

animation-name

none

[ <single-animation-name> | none ]#

N

N

animation-play-state

running

[ running ...

Get CSS: The Definitive Guide, 4th Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.