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.