CSS ( Cascading Style Sheet ) Tutorial CSS Codes Chart
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. |
No comments:
Post a Comment