CSS Properties
CSS properties are a list of tag style elements that you can set and
manipulate. These include setting the parameters of the box model (like
border, margin, padding) and the style of the content like
color, background,
font-family, font-size, line-height etc.
User agent style sheet
The browser has a built-in stylesheet that it loads. This style sheet is
responsible for the basic styling you see in the browser (for e.g. links
are bule and button has a background and border). When stying your
document please keep in mind that you are not working with a blank-slate
-- you are building on top of the user-agent style sheet. This can be
viewed in the CSS Inspector section of the browser's developer
tools.
Property List
The following are the list of CSS properties most browsers implement [Ref.]
| CSS property |
|---|
background |
background-attachment |
background-color |
background-image |
background-position |
background-repeat |
border
(border-top, border-right, border-bottom,
border-left) |
border-color
(border-top-color, border-right-color,
border-bottom-color,
border-left-color) |
border-style
(border-top-style, border-right-style,
border-bottom-style,
border-left-style) |
border-width
(border-top-width, border-right-width,
border-bottom-width,
border-left-width) |
clear |
clip |
color |
cursor |
display |
filter |
float |
font |
font-family |
font-size |
font-variant |
font-weight |
height |
left |
letter-spacing |
line-height |
list-style |
list-style-image |
list-style-position |
list-style-type |
margin
(margin-top, margin-right, margin-bottom,
margin-left) |
overflow |
padding
(padding-top, padding-right, padding-bottom,
padding-left) |
page-break-after |
page-break-before |
position |
stroke-dasharray |
stroke-dashoffset |
stroke-width |
text-align |
text-decoration |
text-indent |
text-transform |
top |
vertical-align |
visibility |
width |
z-index |
Graceful fallback in CSS
If CSS does not understand a property or value, it moves on to the next pair. A faulty property-value pair cannot make the entire CSS style sheet invalid. This behavior of CSS is know as graceful fallback.