Css Cheat Sheet Page 3
ADVERTISEMENT
1
2
3
4C S S C H E A T S H E E T
P R O P E R T Y
W H A T I T D O E S
A T T R I B U T E S
E X A M P L E S
M I N - H E I G H T
Sets the minimum or
pixel (100px),
min-height: 150px;
M A X - H E I G H T
maximum height of
percentage (100%)
max-height: 300px;
an element
M A R G I N
Specifies spacing
pixel (10px),
margin: 3%;
outside an element
percentage (10%)
M A R G I N - T O P
Specifies spacing
pixel (10px),
margin-top: 3%;
M A R G I N - R I G H T
to one side of an
percentage (10%)
margin-right: 3%;
M A R G I N - B O T T O M
element (eg, right
margin-bottom: 3%;
M A R G I N - L E F T
side only)
margin-left: 3%;
P A D D I N G
Specifies spacing
pixel (10px),
padding: 10px;
inside an element
percentage (10%)
P A D D I N G - T O P
Specifies interior
pixel (10px),
padding-top: 10px;
P A D D I N G - R I G H T
spacing on side of
percentage (10%)
padding-right: 10px;
P A D D I N G - B O T T O M
an element (eg, right
padding-bottom: 10px;
P A D D I N G - L E F T
side only)
padding-left: 10px;
C O L O R
Sets color of text. Also
hex color: #333333
color: #333333;
affects borders.
RGB color: rgb
(0,0,0) RGB color
with transparency:
rgba (0,0,0,1)
B A C K G R O U N D
Sets the background
color (‘white’), hex
background: #ffffff;
of an element
code (#ffffff), image
(url ‘
com’)
B O R D E R - W I D T H
Sets the thickness of
pixels (1px)
border-width: 1px;
element borders
B O R D E R - S T Y L E
Chooses the border
solid, dashed, dotted,
border-style: none;
style
double, none
B O R D E R - C O L O R
Sets the color of
color (‘white’), hex
border-color:
borders
code (#ffffff)
#333333;
W W W . S T N S V N . C O M
ADVERTISEMENT
0 votes
Related Articles
Related forms
Related Categories
Parent category: Education