background-color |
Sets the background color of an element |
red, #ff0000, rgb(255,0,0) |
border-width |
Specifies the width of the border |
thin, medium, thick, 1px
|
border-style |
Specifies the style of the border |
solid, double, groove |
border-color |
Specifies the color of the border |
red, #ff0000, rgb(255,0,0) |
border |
Sets border-width, border-style, and border-color properties in one declaration |
1px solid black, thin groove red |
display |
Specifies how a certain HTML element should be displayed |
inline, block, none |
padding |
Sets the amount of space between a container and is child elements |
5px, 3pt, 2cm |
margin |
Sets the amount of space around an element |
5px, 3pt, 2cm |
text-align |
Specifies the horizontal alignment of text |
left, right, center |
text-decoration |
Specifies the decoration added to text |
underline |
font-size |
Specifies the font size of text |
small, medium, large |
font-style |
Specifies the font style for text |
italic |
font-weight |
Specifies the weight of a font |
normal, bold |
font-family |
Specifies the font family for text |
Times New Roman, Arial, Verdana |
width |
Sets the width of an element.
It sets the width of the area inside the padding, border, and margin of the element
|
20px, 50% |
border-radius |
This property allows you to add rounded borders to elements
-webkit-border-radius (Chrome & Safari)
-moz-border-radius (Firefox)
border-radius (IE)
|
#px |
box-shadow |
The box-shadow property attaches one or more drop-shadows to the box.
-webkit-box-shadow (Chrome & Safari)
-moz-box-shadow (Firefox)
box-shadow (IE)
|
10px 10px 5px #888888;
(h-shadow v-shadow blur spread color)
|