css referentie pagina
alle css properties overzichtelijk op een pagina

home | index | menu | help

Er is geen CSS ondersteuning.
Box eigenschappen
eigenschapgeldige waardevoorbeelderft
margin-toplength | percentage | automargin-top:5pxnee
margin-rightlength | percentage | automargin-right:5pxnee
margin-bottomlength | percentage | automargin-bottom:1emnee
margin-leftlength | percentage | automargin-left:5ptnee
marginlength | percentage | auto{1,4} margin: 10px 5px 10px 5pxnee
padding-toplength | percentagepadding-top:10%nee
padding-rightlength | percentagepadding-right:15pxnee
padding-bottomlength | percentagepadding-bottom:1.2emnee
padding-leftlength | percentage padding-left:10pt; }nee
paddinglength | percentage {1,4} padding: 10px 10px 10px 15pxnee
border-top-widththin | medium | thick | length border-top-width:thinnee
border-right-widththin | medium | thick | length border-right-width:mediumnee
border-bottom-widththin | medium | thick | lengthborder-bottom-width:thicknee
border-left-widththin | medium | thick | length border-left-width:15pxnee
border-widththin | medium | thick | length {1,4} border-width: 3px 5px 3px 5px nee
border-top-colorcolor border-top-color:silvernee
border-right-colorcolorborder-right-color:goldnee
border-bottom-colorcolorborder-bottom-color:blacknee
border-left-colorcolorborder-left-color:#FFBB00nee
border-colorcolor {1,4} border-color: red white blue orange; } nee
border-top-stylenone | solid | double | groove | ridge | inset | outset border-top-style:solidnee
border-right-stylenone | solid | double | groove | ridge | inset | outset border-right-style:doublenee
border-bottom-stylenone | solid | double | groove | ridge | inset | outset border-bottom-style:groovenee
border-left-stylenone | solid | double | groove | ridge | inset | outset border-left-style:nonenee
border-stylenone | solid | double | groove | ridge | inset | outset border-style:ridge; }nee
border-topborder-width | border-style | border-color border-top: medium outset rednee
border-rightborder-width | border-style | border-color border-right: thick inset maroonnee
border-bottomborder-width | border-style | border-color border-bottom: 10px ridge graynee
border-leftborder-width | border-style | border-color border-left: 1px groove rednee
borderborder-width | border-style | border-color border: thin solid bluenee
floatnone | left | rightfloat:nonenee
clear none | left | right | both clear:leftnee
Classificatie eigenschappen
eigenschapgeldige waardevoorbeelderft
displaynone | block | inline | list-itemdisplay:nonenee
list-style-typedisk | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | nonelist-style-type:upper-alphaja
list-style-imageurl | none list-style-image:url(plaatje.gif)ja
list-style-positioninside | outsidelist-style-position:insideja
list-stylekeyword || position || url list-style: square outside url(plaatje.gif)ja
Font eigenschappen
eigenschapgeldige waardevoorbeelderft
font-family[font name or type]font-family: Helvetica,Geneva,Arial,sans-serif;ja
font-stylenormal | italicfont-style:italic;ja
font-variantnormal | small-capsfont-variant:small-caps;ja
font-weightnormal | boldfont-weight:bold;ja
font-size[ xx-large | x-large | large | medium | small | x-small | xx-small ] | [ larger | smaller ] | percentage | lengthfont-size:12pt;ja
font[ font-style || font-variant || font-weight ] ? font-size [ / line-height ] ? font-family font: bold 12pt Arial;ja
Kleur en achtergrond eigenschappen
eigenschapgeldige waardevoorbeelderft
colorcolor color: redja
background-colorcolor | transparent background-color:blueja/css2
background-imageurl | none background-image: url(plaatje.jpg)ja/css2
background-repeatrepeat | repeat-x | repeat-y | no-repeat background-repeat: no-repeatja/css2
background-attachmentscroll | fixed background-attachment: fixedja/css2
background-position[ position| length ] | {1,2} | [ top | center | bottom ] || [ left | center | right ] background-position: top centerja/css2
background transparent | color || url || repeat || scroll || position background: green url(plaatje.jpg) repeat-yja/css2
Positionerings eigenschappen
eigenschapgeldige waardevoorbeeldtoepassen meterft
clipshape | auto clip:rect(0px 100px 100px 0px)alle elementennee
heightlength | autoheight:200pxDIV, SPAN en replaced elementennee
leftlength | percentage | autoleft:0pxabsoluut en relatief gepositioneerde elementennee
overflowvisible | hidden | scroll | autooverflow:scroll alle elementennee
positionabsolute|relative | static position:absolutealle elementennee
toplength | percentage | autotop:0pxabsoluut en relatief gepositioneerde elementennee
visibilityvisible | hidden | inheritvisibility:visiblealle elementennee
widthlength | percentage | autowidth:70%DIV, SPAN en replaced elementennee
z-indexauto | integer z-index:-1absoluut en relatief gepositioneerde elementennee
Print eigenschappen
eigenschapgeldige waardevoorbeelderft
page-break-beforeauto | always || left | right page-break-before:alwaysnee
page-break-afterauto | always || left | rightpage-break-before:autonee
Pseudo Classes
eigenschapgeldige waardevoorbeelderft
cursorauto | crosshair | default | hand | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help{ cursor:hand; }ja
active, hover, link, visitedn/aa:hover { color:red; }ja
first-letter, first-lineelke font-bewerkings declaratiep:first-letter{
float:left;color:blue
}
nee
Tekst eigenschappen
eigenschapgeldige waardevoorbeelderft
letter-spacingnormal | lengthletter-spacing:5ptja
text-decorationnone | underline | overline | line-throughtext-decoration:underlinenee
vertical-alignsub | super | vertical-align:subnee
text-transformcapitalize | uppercase | lowercase | nonetext-transform:lowercasenee
text-alignleft | right | center | justifytext-align:centernee
text-indentlength | percentagetext-indent:25pxnee
line-heightnormal | number | length | percentageline-height:15ptnee

cache 26-05-2010