background
Block
Text
border
border-radius
outline
box-shadow
text-shadow
gradient
transform
≡
Справочник CSS
CSS3 Генератор
🔲
×
Block
border-box
content-box
background-Color
×
Text
Text-Color
center
left
right
Arial, Helvetica, sans-serif
'Arial Black', Gadget, sans-serif
'Bookman Old Style', serif
'Comic Sans MS', cursive
Courier, monospace
'Courier New', Courier, monospace
Garamond, serif
Georgia, serif
Impact, Charcoal, sans-serif
'Lucida Console', Monaco, monospace
'Lucida Sans Unicode', 'Lucida Grande', sans-serif
'MS Sans Serif', Geneva, sans-serif
'MS Serif', 'New York', sans-serif
'Palatino Linotype', 'Book Antiqua', Palatino, serif
Symbol, sans-serif
Tahoma, Geneva, sans-serif
'Times New Roman', Times, serif
'Trebuchet MS', Helvetica, sans-serif
Verdana, Geneva, sans-serif
Webdings, sans-serif
Wingdings, 'Zapf Dingbats', sans-serif
normal
100
200
300
400
500
600
700
800
900
normal
italic
oblique
none
Capitalize
UPPERCASE
lowercase
Demo Text
×
box-shadow
1
2
3
4
5
6
7
8
×
text-shadow
on
off
1
2
3
4
5
6
7
8
×
border
none
dotted
dashed
solid
double
groove
ridge
inset
outset
border-Color
none
dotted
dashed
solid
double
groove
ridge
inset
outset
border-Top-Color
none
dotted
dashed
solid
double
groove
ridge
inset
outset
border-Right-Color
none
dotted
dashed
solid
double
groove
ridge
inset
outset
border-Bottom-Color
none
dotted
dashed
solid
double
groove
ridge
inset
outset
border-Left-Color
×
outline
none
dotted
dashed
solid
double
groove
ridge
inset
outset
outline-Color
×
border-radius
%
px
×
transform
on
off
×
gradient
none
linear
radial
ellipse
circle
none
closest-side
farthest-side
closest-corner
farthest-corner
X
Y
none
auto
%
none
auto
%
none
auto
%
none
auto
%
none
auto
%
none
auto
%
none
auto
%
none
auto
%
none
auto
%
×
Parent
backgroundColor
Demo Text
Палитра цветов
x
H:
◀
▶
S:
◀
▶
V:
◀
▶
R:
◀
▶
G:
◀
▶
B:
◀
▶
A
◀
▶
Новый
Текущий
#
ok