CSS Properties
Property |
Possible Values |
Description |
background |
background-color background-image background-repeat background-attachment background-position |
Sets all background properties |
border |
border-style border-color- border-width- border-bottom-width thin medium thick length color border-right-width border-top-width none hidden dotted dashed solid double groove ridge inset outset |
Controls border properties |
clear |
left right both none |
Prevents a floating element from being placed near the specified edge of another element. |
cursor |
url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize se-resize sw-resize s-resize w-resize |
Allows you to determine what type of cursor appears on the users screen. |
display |
none inline block list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption |
Determines how an element is displayed, or even if it is displayed. |
float |
left right none |
Determines where text or an image will appear within a separate element. |
position |
static relative absolute fixed bottom clip left overflow right top vertical-align z-index |
Determines how an element will be positioned. |
visibility |
visible hidden collapse |
Determines whether an element is visible, invisible, or collapsed. |
height |
auto length % |
Determines the height of an element. |
line-height |
normal number length % |
Determines the space between lines. |
max-height |
none length % |
Determines the maximum height of an element. |
width |
auto % length |
Determines the maximum width of an element. |
max-width |
none length % |
Determines the minimum width of an element. |
min-height |
length % |
Determines the minimum height of an element. |
min-width |
length % |
Determines the minimum width of an element. |
font |
font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar |
Determines all font properties. |
font-family |
family-name generic-family |
Determines fonts that will be used. If a font is not installed on a user’s computer, the browser will try each font in the font family until one is found. |
font-size |
xx-small x-small small medium large x-large xx-large smaller larger length % |
Determines the size of the font. |
font-size-adjustment |
none number |
Used to adjust the font size if other elements or factors change the size of it. |
font-style |
normal italic oblique |
Determines the size of the fonts. |
font-stretch |
normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded |
Used to shrink or enlarge the span of the fonts. |
font-variant |
normal small-caps |
Used to cause fonts to be displayed either as fonts in small capital letters or in normal letters. |
font-weight |
normal bold bolder lighter 100 200 300 400 500 600 700 800 900 |
Determines the weight or boldness of a font. |
content |
string url counter(name) counter(name, list-style-type) counters(name, string) counters(name, string, list-style-type) attr(X) open-quote close-quote no-open-quote no-close-quote |
Creates specific content in a document. |
quotes |
none string string |
Determines the type of quotation marks used. |
list-style |
list-style-type list-style-position list-style-image |
Determines the style of a list. |
list-style-image |
none url |
Determines what image should be used for a list. |
list-style-position |
inside outside |
Determines whether the list element is on the inside or the outside of the list item. |
list-style-type |
none disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha |
Determines the style of a list. |
margin |
margin-bottom margin-top margin-left margin-right |
Used to determine and set margins on the page. |
outline |
outline-color outline-style outline-width |
Determines the properties of an outline. |
padding |
padding-top padding-right padding-bottom padding-left |
Sets padding properties. |
text |
color direction line-height letter-spacing text-align text-decoration text-indent text-shadow text-transform Unicode-bidi white-space word-spacing |
Determines text properties. |
a |
:link :visited :focus :hover :first-child :lang :active |
Determines link properties. |
This concludes the CSS Properties section. Congratulations on completing the CSS tutorial!