Sunday, April 10, 2011

CSS tutorial ( CSS Codes Chart )

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.



<<-- Previous Basic Of CSS

No comments:

Post a Comment