Property Description

align- Specifies the alignment of flexible container's items

content within the flex container.

align- Specifies the default alignment for items within the flex
items container.

align- Specifies the alignment for selected items within the

self flex container.

animation Specifies the keyframe-based animations.

animation Specifies when the animation will start.

-delay

animation Specifies whether the animation should play in reverse

- on alternate cycles or not.
direction

animation Specifies the number of seconds or milliseconds an

-duration animation should take to complete one cycle.

animation Specifies how a CSS animation should apply styles to its

-fill- target before and after it is executing.
mode

animation Specifies the number of times an animation cycle

- should be played before stopping.
iteration
-count

animation Specifies the name of @keyframes defined

-name animations that should be applied to the selected
element.

animation Specifies whether the animation is running or paused.

-play-
Property Description

state

animation Specifies how a CSS animation should progress over the

-timing- duration of each cycle.
function

backface- Specifies whether or not the "back" side of a

visibilit transformed element is visible when facing the user.
y

backgroun Defines a variety of background properties within one

d declaration.

backgroun Specify whether the background image is fixed in the

d- viewport or scrolls.
attachmen
t

backgroun Specifies the painting area of the background.

d-clip

backgroun Defines an element's background color.

d-color

backgroun Defines an element's background image.

d-image

backgroun Specifies the positioning area of the background

d-origin images.

backgroun Defines the origin of a background image.

d-
position

backgroun Specify whether/how the background image is tiled.

d-repeat
Property Description

backgroun Specifies the size of the background images.

d-size

border Sets the width, style, and color for all four sides of an
element's border.

border- Sets the width, style, and color of the bottom border of
bottom an element.

border- Sets the color of the bottom border of an element.

bottom-
color

border- Defines the shape of the bottom-left border corner of

bottom- an element.
left-
radius

border-
bottom- Defines the
right- shape of the
radius bottom-right
border corner
of an element.

border- Sets the style of the bottom border of an element.

bottom-style

border- Sets the width of the bottom border of an element.

bottom-width

border- Specifies whether table cell borders are connected

collapse or separated.

border-color Sets the color of the border on all the four sides of
an element.
Property Description

border-image Specifies how an image is to be used in place of the

border styles.

border-image- Specifies the amount by which the border image

outset area extends beyond the border box.

border-image- Specifies whether the image-border should be

repeat repeated, rounded or stretched.

border-image- Specifies the inward offsets of the image-border.

slice

border-image- Specifies the location of the image to be used as a

source border.

border-image- Specifies the width of the image-border.

width

border-left Sets the width, style, and color of the left border of
an element.

border-left- Sets the color of the left border of an element.

color

border-left- Sets the style of the left border of an element.

style

border-left- Sets the width of the left border of an element.

width

border-radius Defines the shape of the border corners of an

element.

border-right Sets the width, style, and color of the right border of
Property Description

an element.

border-right- Sets the color of the right border of an element.

color

border-right- Sets the style of the right border of an element.

style

border-right- Sets the width of the right border of an element.

width

border- Sets the spacing between the borders of adjacent

spacing table cells.

border-style Sets the style of the border on all the four sides of
an element.

border-top Sets the width, style, and color of the top border of
an element.

border-top- Sets the color of the top border of an element.

color

border-top- Defines the shape of the top-left border corner of

left-radius an element.

border-top- Defines the shape of the top-right border corner of

right-radius an element.

border-top- Sets the style of the top border of an element.

style

border-top- Sets the width of the top border of an element.

width
Property Description

border-width Sets the width of the border on all the four sides of
an element.

bottom Specify the location of the bottom edge of the

positioned element.

box-shadow Applies one or more drop-shadows to the element's

box.

box-sizing Alter the default CSS box model.

caption-side Specify the positionof table's caption.

clear Specifies
the
placement
of an
element in
relation to
floating
elements.

clip Defines
the
clipping
region.

color Specify
the color
of the text
of an
element.

column- Specifies
Property Description

count the
number of
columns
in a multi-
column
element.

column- Specifies
fill how
columns
will be
filled.

column- Specifies
gap the gap
between
the
columns
in a multi-
column
element.

column- Specifies a
rule straight
line, or
"rule", to
be drawn
between
each
column in
a multi-
column
element.
Property Description

column- Specifies
rule- the color
color of the
rules
drawn
between
columns
in a multi-
column
layout.

column- Specifies
rule- the style
style of the rule
drawn
between
the
columns
in a multi-
column
layout.

column- Specifies
rule- the width
width of the rule
drawn
between
the
columns
in a multi-
column
layout.

column- Specifies
how many
Property Description

span columns
an
element
spans
across in a
multi-
column
layout.

column- Specifies
width the
optimal
width of
the
columns
in a multi-
column
element.

columns A
shorthand
property
for
setting co
lumn-
width an
d colum
n-count
properties.

content Inserts
generated
content.
Property Description

counter- Increment
increment s one or
more
counter
values.

counter- Creates or
reset resets one
or more
counters.

cursor Specify
the type
of cursor.

direction Define the

text
direction/
writing
direction.

display Specifies
how an
element is
displayed
onscreen.

empty- Show or
cells hide
borders
and
backgroun
ds of
empty
Property Description

table cells.

flex Specifies
the
componen
ts of a
flexible
length.

flex- Specifies
basis the initial
main size
of the flex
item.

flex- Specifies
direction the
direction
of the
flexible
items.

flex-flow A
shorthand
property
for
the flex
-
directi
on and
the flex
-wrap pr
operties.
Property Description

flex-grow Specifies
how the
flex item
will grow
relative to
the other
items
inside the
flex
container.

flex-shrink Specifi
es how
the flex
item
will
shrink
relative
to the
other
items
inside
the flex
contai
ner.

flex-wrap Specifi
es
whethe
r the
flexible
items
should
wrap
or not.
Property Description

float Specifi
es
whethe
r or
not a
box
should
float.

font Define
sa
variety
of font
proper
ties
within
one
declara
tion.

font-family Define
s a list
of
fonts
for
elemen
t.

font-size Define
s the
font
size for
the
text.
Property Description

font-size- Preserv
adjust es the
readab
ility of
text
when
font
fallbac
k
occurs.

font- Selects
stretch a
normal
,
conde
nsed,
or
expand
ed face
from a
font.

font-style Define
s the
font
style
for the
text.

font- Specify
variant the
font
variant.
Property Description

font-weight Specify
the
font
weight
of the
text.

height Specify
the
height
of an
elemen
t.

justify- Specifi
content es how
flex
items
are
aligned
along
the
main
axis of
the flex
contai
ner
after
any
flexible
lengths
and
auto
margin
s have
Property Description

been
resolve
d.

left Specify
the
locatio
n of
the left
edge
of the
positio
ned
elemen
t.

letter- Sets
spacing the
extra
spacin
g
betwee
n
letters.

line-height Sets
the
height
betwee
n lines
of text.

list-style Define
s the
Property Description

display
style
for a
list and
list
elemen
ts.

list-style- Specifi
image es the
image
to be
used
as a
list-
item
marker
.

list-style- Specifi
position es the
positio
n of
the
list-
item
marker
.

list-style- Specifi
type es the
marker
style
for a
list-
Property Description

item.

margin Sets
the
margin
on all
four
sides
of the
elemen
t.

margin- Sets
bottom the
botto
m
margin
of the
elemen
t.

margin-left Sets
the left
margin
of the
elemen
t.

margin- Sets
right the
right
margin
of the
elemen
Property Description

t.

margin-top Sets
the top
margin
of the
elemen
t.

max-height Specify
the
maxim
um
height
of an
elemen
t.

max-width Specify
the
maxim
um
width
of an
elemen
t.

min-height Specify
the
minim
um
height
of an
elemen
Property Description

t.

min-width Specify
the
minim
um
width
of an
elemen
t.

opacity Specifi
es the
transp
arency
of an
elemen
t.

order Specifi
es the
order
in
which
a flex
items
are
display
ed and
laid
out
within
a flex
contai
Property Description

ner

outline Sets the

width,
style, and
color for
all four
sides of
an
element's
outline.

outline- Sets the

color color of
the
outline.

outline- Set the

offset space
between
an outline
and the
border
edge of
an
element.

outline- Sets a
style style for
an
outline.

outline- Sets the

width width of
Property Description

the
outline.

overflow Specifies
the
treatment
of content
that
overflows
the
element's
box.

overflow- Specifies
x the
treatment
of content
that
overflows
the
element's
box
horizontal
ly.

overflow- Specifies
y the
treatment
of content
that
overflows
the
element's
box
Property Description

vertically.

padding Sets the

padding
on all four
sides of
the
element.

padding- Sets the

bottom padding
to the
bottom
side of an
element.

padding- Sets the

left padding
to the left
side of an
element.

padding- Sets the

right padding
to the
right side
of an
element.

padding- Sets the

top padding
to the top
side of an
element.
Property Description

page- Insert a
break- page
after
breaks
after an
element.

page- Insert a
break- page
before
breaks
before an
element.

page- Insert a
break- page
inside
breaks
inside an
element.

perspecti Defines
ve the
perspectiv
e from
which all
child
elements
of the
object are
viewed.

perspecti Defines
ve-origin the origin
(the
vanishing
point for
Property Description

the 3D
space) for
the
perspectiv
e
property.

position Specifies
how an
element is
positione
d.

quotes Specifies
quotation
marks for
embedde
d
quotation
s.

resize Specifies
whether
or not an
element is
resizable
by the
user.

right Specify
the
location
of the
right
Property Description

edge of
the
positione
d
element.

tab-size Specifies
the length
of the tab
character.

table- Specifies
layout a table
layout
algorithm.

text- Sets the

align horizontal
alignment
of inline
content.

text- Specifies
align- how the
last last line of
a block or
a line
right
before a
forced
line break
is aligned
when te
xt-
Property Description

align is
justif
y.

text- Specifies
decoratio the
n
decoratio
n added
to text.

text- Specifies
decoratio the color
n-color of
the text
-
decora
tion-
line.

text- Specifies
decoration what
-line kind of
line
decorati
ons are
added
to the
element.

text- Specifies
decoration the style
-style of the
lines
specified
Property Description

by
the tex
t-
decor
ation
-line
property

text- Indent
indent the first
line of
text.

text- Specifies
justify the
justificati
on
method
to use
when
the tex
t-
align
property
is set
to just
ify.

text- Specifies
overflow how the
text
content
will be
displaye
Property Description

d, when
it
overflow
s the
block
containe
rs.

text- Applies
shadow one or
more
shadows
to the
text
content
of an
element.

text- Transfor
transform ms the
case of
the text.

top Specify
the
location
of the
top
edge of
the
position
ed
element.
Property Description

transform Applies
a 2D or
3D
transfor
mation
to an
element.

transform- Defines
origin the
origin of
transfor
mation
for an
element.

transform- Specifies
style how
nested
element
s are
rendere
d in 3D
space.

transition Defines
the
transitio
n
between
two
states of
an
element.
Property Description

transition Specifies
-delay when
the
transitio
n effect
will start.

transition Specifies
-duration the
number
of
seconds
or
milliseco
nds a
transitio
n effect
should
take to
complet
e.

transition Specifies
-property the
names
of the
CSS
properti
es to
which a
transitio
n effect
should
be
applied.
Property Description

transition Specifies
-timing- the
function speed
curve of
the
transitio
n effect.

vertical- Sets the

align vertical
positioni
ng of an
element
relative
to the
current
text
baseline.

visibility Specifies
whether
or not
an
element
is visible.

white- Specifies
space how
white
space
inside
the
element
is
Property Description

handled.

width Specify
the
width of
an
element.

word-break Specifies
how to
break
lines
within
words.

word- Sets the

spacing spacing
between
words.

word-wrap Specifies
whether
to break
words
when
the
content
overflow
s the
boundar
ies of its
containe
r.
Property Description

z-index Specifies
a
layering
or
stacking
order for
position
ed
element
s.