Css Cheat Sheet Page 2
ADVERTISEMENT
1
2
3
4C S S C H E A T S H E E T
P R O P E R T I E S
P R O P E R T Y
W H A T I S I T ?
A T T R I B U T E S
E X A M P L E S
F O N T - F A M I L Y
Selects desired font
All font names
font-family:
for text. Don’t forget
‘Montserrat’, arial,
fallbacks, just in
sans-serif;
case!
F O N T - S I Z E
Controls size of text
px (10px), % (5%), em
font-size: 15px;
(1em)
F O N T - S T Y L E
Selects italic style
italic, oblique, none
font-style: italic;
F O N T - W E I G H T
Changes boldness of
normal, bold, bolder,
font-weight: bold;
text
400, 500, 700, etc.
L E T T E R - S P A C I N G
Controls spacing
Pixel values
letter-spacing: 2px;
between letters
L I N E - H E I G H T
Sets the line height
Number (to be
line-height: 1.2;
of text
multiplied with
current font size)
T E X T - A L I G N
Selects text alignment
right, left, center,
text-align: left;
justify
T E X T - D E C O R A T I O N
Controls underline
underline, overline,
text-decoration:
style
line-through
underline;
T E X T - T R A N S F O R M
Controls
Capitalize,
text-transform:
capitalization of text
Uppercase,
uppercase;
Lowercase
W I D T H
Sets the width of an
pixel (100px),
width: 300px;
element
percentage (100%)
H E I G H T
Sets the height of an
pixel (100px),
height: 110px;
element
percentage (100%)
M I N - W I D T H
Sets the minimum or
pixel (100px),
min-width: 150px;
M A X - W I D T H
maximum width of
percentage (100%)
max-width: 300px;
an element
W W W . S T N S V N . C O M
ADVERTISEMENT
0 votes
Related Articles
Related forms
Related Categories
Parent category: Education