Referensi Cepat Cascading Style Sheet Level 2 ( CSS2 )

 

Sumber : Benjamin Jung (Benjamin.Jung@cs.tcd.ie)

           Trinity College Dublin, Ireland

           http://www.w3.org/TR/REC-CSS2/

           http://www.cs.tcd.ie/Benjamin.Jung/

           http://www.w3schools.com/css/css_reference.asp

Browser support: IE: Internet Explorer, M: Mac IE only, F: Firefox, N: Netscape.

W3C: The number in the “W3C” column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).

Background

Property Description Values IE F N W3C
background A shorthand property for setting all background properties in one declaration background-color
background-image
background-repeat background-attachment background-position
4 1 6 1
background-attachment Sets whether a background image is fixed or scrolls with the rest of the page scroll
fixed
4 1 6 1
background-color Sets the background color of an element color-rgb
color-hex
color-name
transparent
4 1 4 1
background-image Sets an image as the background url(URL)
none
4 1 4 1
background-position Sets the starting position of a background image top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
4 1 6 1
background-repeat Sets if/how a background image will be repeated repeat
repeat-x
repeat-y
no-repeat
4 1 4 1

Border

Property Description Values IE F N W3C
border A shorthand property for setting all of the properties for the four borders in one declaration border-width
border-style
border-color
4 1 4 1
border-bottom A shorthand property for setting all of the properties for the bottom border in one declaration border-bottom-width
border-style
border-color
4 1 6 1
border-bottom-color Sets the color of the bottom border border-color 4 1 6 2
border-bottom-style Sets the style of the bottom border border-style 4 1 6 2
border-bottom-width Sets the width of the bottom border thin
medium
thick
length
4 1 4 1
border-color Sets the color of the four borders, can have from one to four colors color 4 1 6 1
border-left A shorthand property for setting all of the properties for the left border in one declaration border-left-width
border-style
border-color
4 1 6 1
border-left-color Sets the color of the left border border-color 4 1 6 2
border-left-style Sets the style of the left border border-style 4 1 6 2
border-left-width Sets the width of the left border thin
medium
thick
length
4 1 4 1
border-right A shorthand property for setting all of the properties for the right border in one declaration border-right-width
border-style
border-color
4 1 6 1
border-right-color Sets the color of the right border border-color 4 1 6 2
border-right-style Sets the style of the right border border-style 4 1 6 2
border-right-width Sets the width of the right border thin
medium
thick
length
4 1 4 1
border-style Sets the style of the four borders, can have from one to four styles none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset
4 1 6 1
border-top A shorthand property for setting all of the properties for the top border in one declaration border-top-width
border-style
border-color
4 1 6 1
border-top-color Sets the color of the top border border-color 4 1 6 2
border-top-style Sets the style of the top border border-style 4 1 6 2
border-top-width Sets the width of the top border thin
medium
thick
length
4 1 4 1
border-width 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 1

Classification

Property Description Values IE F N W3C
clear Sets the sides of an element where other floating elements are not allowed left
right
both
none
4 1 4 1
cursor Specifies the type of cursor to be displayed url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
4 1 6 2
display Sets how/if an element is displayed 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
4 1 4 1
float Sets where an image or a text will appear in another element left
right
none
4 1 4 1
position Places an element in a static, relative, absolute or fixed position static
relative
absolute
fixed
4 1 4 2
visibility Sets if an element should be visible or invisible visible
hidden
collapse
4 1 6 2

Dimension

Property Description Values IE F N W3C
height Sets the height of an element auto
length
%
4 1 6 1
line-height Sets the distance between lines normal
number
length
%
4 1 4 1
max-height Sets the maximum height of an element none
length
%
1 6 2
max-width Sets the maximum width of an element none
length
%
1 6 2
min-height Sets the minimum height of an element length
%
1 6 2
min-width Sets the minimum width of an element length
%
1 6 2
width Sets the width of an element auto
%
length
  
4 1 4 1

 

 

Font

Property Description Values IE F N W3C
font A shorthand property for setting all of the properties for a font in one declaration font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
4 1 4 1
font-family A prioritized list of font family names and/or generic family names for an element family-name
generic-family
3 1 4 1
font-size Sets the size of a font xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
3 1 4 1
font-size-adjust Specifies an aspect value for an element that will preserve the x-height of the first-choice font none
number
1 2
font-stretch Condenses or expands the current font-family normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
2
font-style Sets the style of the font normal
italic
oblique
4 1 4 1
font-variant Displays text in a small-caps font or a normal font normal
small-caps
4 1 6 1
font-weight Sets the weight of a font normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
4 1 4 1

Generated Content

Property Description Values IE F N W3C
content Generates content in a document. Used with the :before and :after pseudo-elements 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
  1 6 2
counter-increment Sets how much the counter increments on each occurrence of a selector  none
identifier number
      2
counter-reset Sets the value the counter is set to on each occurrence of a selector none
identifier number
      2
quotes Sets the type of quotation marks none
string string
1 6 2

List and Marker

Property Description Values IE F N W3C
list-style A shorthand property for setting all of the properties for a list in one declaration list-style-type
list-style-position
list-style-image
4 1 6 1
list-style-image Sets an image as the list-item marker none
url
4 1 6 1
list-style-position Sets where the list-item marker is placed in the list inside
outside
4 1 6 1
list-style-type Sets the type of the list-item marker 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 
4 1 4 1
marker-offset   auto
length
  1 7 2

MarginMargin

Property Description Values IE F N W3C
margin A shorthand property for setting the margin properties in one declaration margin-top
margin-right
margin-bottom
margin-left
4 1 4 1
margin-bottom Sets the bottom margin of an element auto
length
%
4 1 4 1
margin-left Sets the left margin of an element auto
length
%
3 1 4 1
margin-right Sets the right margin of an element auto
length
%
3 1 4 1
margin-top Sets the top margin of an element auto
length
%
3 1 4 1

Outlines

Property Description Values IE F N W3C
outline A shorthand property for setting all the outline properties in one declaration outline-color
outline-style
outline-width
1.5 2
outline-color Sets the color of the outline around an element color
invert
1.5 2
outline-style Sets the style of the outline around an element none
dotted
dashed
solid
double
groove
ridge
inset
outset
1.5 2
outline-width Sets the width of the outline around an element thin
medium
thick
length
1.5 2

PaddingPadding

Property Description Values IE F N W3C
padding A shorthand property for setting all of  the padding properties in one declaration padding-top
padding-right
padding-bottom
padding-left
4 1 4 1
padding-bottom Sets the bottom padding of an element length
%
4 1 4 1
padding-left Sets the left padding of an element length
%
4 1 4 1
padding-right Sets the right padding of an element length
%
4 1 4 1
padding-top Sets the top padding of an element length
%
4 1 4 1

PositioningPositioning

Property Description Values IE F N W3C
bottom Sets how far the bottom edge of an element is above/below the bottom edge of the parent element auto
%
length
5 1 6 2
clip Sets the shape of an element. The element is clipped into this shape, and displayed shape
auto
4 1 6 2
left Sets how far the left edge of an element is to the right/left of the left edge of the parent element auto
%
length
4 1 4 2
overflow Sets what happens if the content of an element overflow its area visible
hidden
scroll
auto
4 1 6 2
position Places an element in a static, relative, absolute or fixed position static
relative
absolute
fixed
4 1 4 2
right Sets how far the right edge of an element is to the left/right of the right edge of the parent element auto
%
length
5 1 6 2
top Sets how far the top edge of an element is above/below the top edge of the parent element auto
%
length
4 1 4 2
vertical-align Sets the vertical alignment of an element baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
%
4 1 4 1
z-index Sets the stack order of an element auto
number
4 1 6 2

Table

Property Description Values IE F N W3C
border-collapse Sets whether the table borders are collapsed into a single border or detached as in standard HTML collapse
separate
5 1 7 2
border-spacing Sets the distance that separates cell borders (only for the “separated borders” model) length length 5M 1 6 2
caption-side Sets the position of the table caption top
bottom
left
right
5M 1 6 2
empty-cells Sets whether or not to show empty cells in a table (only for the “separated borders” model)  show
hide
5M 1 6 2
table-layout Sets the algorithm used to display the table cells, rows, and columns auto
fixed
5 1 6 2