CSS Background Properties: Property background Description A shorthand property for setting all background properties in one declaration

Values IE F 1 N 6

background-color 4 background-image background-repeat backgroundattachment background-position scroll fixed 4

backgroundattachment

Sets whether a background image is fixed or scrolls with the rest of the page Sets the background color of an element

1

6

background-color

color-rgb color-hex color-name transparent url(URL) none

4

1

4

background-image

Sets an image as the background

4

1

4

background-position Sets the starting top left position of a background top center image top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos background-repeat Sets if/how a background image will be repeated repeat repeat-x repeat-y no-repeat

4

1

6

4

1

4

CSS Text Properties Property color direction Description Sets the color of a text Sets the text direction Values color ltr rtl normal number length % IE 3 6 F 1 1 N 4 6

line-height

Sets the distance between lines

4

1

4

letter-spacing

Increase or decrease the normal space between length characters Aligns the text in an element left right center justify none underline overline line-through blink length % none color length Controls the letters in an none element capitalize uppercase lowercase normal embed

4

1

6

text-align

4

1

4

text-decoration

Adds decoration to text

4

1

4

text-indent

Indents the first line of text in an element

4

1

4

text-shadow

text-transform

4

1

4

unicode-bidi

5

bidi-override white-space Sets how white space inside an element is handled normal pre nowrap 5 1 4

word-spacing

Increase or decrease the normal space between words length

6

1

6

CSS Font Properties Property font Description A shorthand property for setting all of the properties for a font in one declaration Values IE F 1 N 4

font-style 4 font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar 3

font-family

A prioritized list of font family-name family names and/or generic-family generic family names for an element Sets the size of a font xx-small x-small small medium large x-large xx-large smaller larger length %

1

4

font-size

3

1

4

font-size-adjust

Specifies an aspect none value for an element number that will preserve the xheight of the first-choice font Condenses or expands the current font-family normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded

-

-

-

font-stretch

-

-

-

font-style

Sets the style of the font normal italic oblique Displays text in a small- normal caps font or a normal small-caps font Sets the weight of a font normal bold bolder lighter 100 200 300 400 500 600 700 800 900

4

1

4

font-variant

4

1

6

font-weight

4

1

4

CSS Border Properties Property border Description Values IE 4 F 1 N 4

A shorthand property for border-width setting all of the border-style properties for the four border-color borders in one declaration A shorthand property for border-bottomsetting all of the width properties for the border-style bottom border in one border-color declaration border-color

border-bottom

4

1

6

border-bottom-color Sets the color of the bottom border border-bottom-style Sets the style of the bottom border border-bottom-width Sets the width of the bottom border

4

1

6

border-style

4

1

6

thin medium thick length

4

1

4

border-color

Sets the color of the four color borders, can have from one to four colors A shorthand property for border-left-width setting all of the border-style properties for the left border-color border in one declaration Sets the color of the left border-color border Sets the style of the left border-style border Sets the width of the left thin

4

1

6

border-left

4

1

6

border-left-color

4

1

6

border-left-style

4

1

6

border-left-width

4

1

4

border

medium thick length 4 1 6

border-right

A shorthand property for border-right-width setting all of the border-style properties for the right border-color border in one declaration Sets the color of the right border Sets the style of the right border Sets the width of the right border border-color

border-right-color

4

1

6

border-right-style

border-style

4

1

6

border-right-width

thin medium thick length

4

1

4

border-style

Sets the style of the four none borders, can have from hidden one to four styles dotted dashed solid double groove ridge inset outset A shorthand property for border-top-width setting all of the border-style properties for the top border-color border in one declaration Sets the color of the top border-color border Sets the style of the top border-style border

4

1

6

border-top

4

1

6

border-top-color

4

1

6

border-top-style

4

1

6

border-top-width

Sets the width of the top thin border medium thick length A shorthand property for setting the width of the four borders in one declaration, can have from one to four values thin medium thick length

4

1

4

border-width

4

1

4

CSS Outline Properties Property outline Description Values IE F N W3C 2

A shorthand property for outline-color setting all the outline outline-style properties in one outline-width declaration Sets the color of the outline around an element Sets the style of the outline around an element color invert

1. 5

outline-color

-

1. 5

2

outline-style

none dotted dashed solid double groove ridge inset outset thin medium thick length

-

1. 5

2

outline-width

Sets the width of the outline around an element

-

1. 5

2

CSS Margin Properties Property margin Description Values IE 4 F 1 N W3C 4 1

A shorthand property for margin-top setting the margin margin-right properties in one margin-bottom declaration margin-left Sets the bottom margin of an element auto length % auto length % auto length % auto length %

margin-bottom

4

1

4

1

margin-left

Sets the left margin of an element

3

1

4

1

margin-right

Sets the right margin of an element

3

1

4

1

margin-top

Sets the top margin of an element

3

1

4

1

CSS Padding Properties Property padding Description Values IE 4 F 1 N W3C 4 1

A shorthand property for padding-top setting all of the padding-right padding properties in padding-bottom one declaration padding-left Sets the bottom padding length of an element % Sets the left padding of an element length %

padding-bottom

4

1

4

1

padding-left

4

1

4

1

padding-right

Sets the right padding of length an element %

4

1

4

1

padding-top

Sets the top padding of an element

length %

4

1

4

1

CSS List Properties Property list-style Description Values IE 4 F 1 N W3C 6 1

A shorthand property for list-style-type setting all of the list-style-position properties for a list in list-style-image one declaration Sets an image as the list-item marker Sets where the list-item marker is placed in the list none url inside outside

list-style-image

4

1

6

1

list-style-position

4

1

6

1

list-style-type

Sets the type of the list- none item marker disc circle square decimal decimal-leadingzero 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

4

1

4

1

marker-offset

auto length

1

7

2

CSS Table Properties Property border-collapse Description Values IE 5 F 1 N W3C 7 2

Sets whether the table collapse borders are collapsed separate into a single border or detached as in standard HTML Sets the distance that length length separates cell borders (only for the "separated borders" model) Sets the position of the table caption top bottom left right show hide

border-spacing

5M 1

6

2

caption-side

5M 1

6

2

empty-cells

Sets whether or not to show empty cells in a table (only for the "separated borders" model)

5M 1

6

2

table-layout

Sets the algorithm used auto to display the table fixed cells, rows, and columns

5

1

6

2

CSS Dimension Properties Property height Description Sets the height of an element Values auto length % IE 4 F 1 N W3C 6 1

line-height

Sets the distance between lines

normal number length % none length % none length % length %

4

1

4

1

max-height

Sets the maximum height of an element

-

1

6

2

max-width

Sets the maximum width of an element

-

1

6

2

min-height

Sets the minimum height of an element

-

1

6

2

min-width

Sets the minimum width length of an element % Sets the width of an element auto % length

-

1

6

2

width

4

1

4

1

CSS Classification Properties Property clear Description Sets the sides of an element where other floating elements are not allowed Specifies the type of cursor to be displayed Values left right both none url auto crosshair default pointer move e-resize ne-resize nw-resize n-resize IE 4 F 1 N W3C 4 1

cursor

4

1

6

2

se-resize sw-resize s-resize w-resize text wait help display Sets how/if an element is displayed none 4 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 left right none 4 1 4 1

float

Sets where an image or a text will appear in another element

1

4

1

position

Places an element in a static static, relative, absolute relative or fixed position absolute fixed Sets if an element should be visible or invisible visible hidden collapse

4

1

4

2

visibility

4

1

6

2

CSS Positioning Properties Property Description Values IE F N W3C

bottom

Sets how far the bottom auto edge of an element is % above/below the bottom length edge of the parent element Sets the shape of an shape element. The element is auto clipped into this shape, and displayed Sets how far the left auto edge of an element is to % the right/left of the left length edge of the parent element Sets what happens if the visible content of an element hidden overflow its area scroll auto Places an element in a static static, relative, absolute relative or fixed position absolute fixed Sets how far the right auto edge of an element is to % the left/right of the right length edge of the parent element Sets how far the top edge of an element is above/below the top edge of the parent element auto % length

5

1

6

2

clip

4

1

6

2

left

4

1

4

2

overflow

4

1

6

2

position

4

1

4

2

right

5

1

6

2

top

4

1

4

2

vertical-align

Sets the vertical baseline alignment of an element sub

4

1

4

1

super top text-top middle bottom text-bottom length % z-index Sets the stack order of an element auto number 4 1 6 2

Pseudo properties
Pseudo-element :first-letter :first-line :before Purpose Adds special style to the first letter of a text Adds special style to the first line of a text Inserts some content before the content of an element Inserts some content after the content of an element IE 5 5 F 1 1 N W3C 8 8 1 1 2

1. 8 5 1. 8 5

:after

2

Sign up to vote on this title
UsefulNot useful