Selectors
| selector | betekenis | opmerking |
|---|---|---|
| e1, e2 | de elementen e1 en e2 | |
| e1 e2 | de elementen e2 binnen de elementen e1 | |
| e1 e2 e3 | de elementen e3 binnen de elementen e2 binnen de elementen e1 | |
| e1#i1 | het element e1 met de identificatie i1 | |
| #i1 | het element met de identificatie i1 | |
| #i1 e1 | de elementen e1 binnen het element met de identificatie i1 | |
| e1.k1 | de elementen e1 met de klasse k1 | |
| .k1 | de elementen met de klasse k1 | |
| .k1 e1 | de elementen e1 binnen de elementen met de klasse k1 |
Declaraties met eigenschappen en waarden
| eigenschap | begin- | mogelijke waarden | over- | opmerking | |
|---|---|---|---|---|---|
| waarde | erving | ||||
| lettertypen | |||||
| font-family: | ...; | lettertype, "lettertype 2", "lettertype n", serif, sans-serif, cursive, fantasy, monospace, inherit | ja | één of meer waarden gescheiden door komma's | |
| font-size: | medium; | lengte, percentage, larger, smaller, xx-small, x-small, small, medium, large, x-large, xx-large, inherit | ja | ||
| font-weight: | normal; | normal, bold, lighter, bolder, 100, 200, 300, 400, 500, 600, 700, 800, 900, inherit | ja | ||
| font-style: | normal; | normal, italic, oblique, inherit | ja | ||
| font-variant: | normal; | normal, small-caps, inherit | ja | ||
| tekst | |||||
| line-height: | normal; | normal, percentage, getal, lengte, inherit | ja | ||
| text-align: | left; | left, center, right, justify, inherit | ja | ||
| text-indent: | 0; | lengte, percentage, inherit | ja | inspringen van eerste regel | |
| text-decoration: | none; | none, underline, overline, line-through, blink, inherit | nee | één of meer waarden | |
| text-transform: | none; | none, capitalize, uppercase, lowercase, inherit | ja | ||
| letter-spacing: | normal; | normal, lengte, inherit | ja | ||
| word-spacing: | normal; | normal, lengte, inherit | ja | ||
| white-space: | normal; | ... | ja | ||
| kleur en achtergrond | |||||
| color: | ...; | rgb(percentagelijst), rgb(getallenlijst), #(verkorte)_hex-notatie, kleurnaam, inherit | nee | ||
| background-color: | transparent; | transparent, rgb(percentagelijst), rgb(getallenlijst), #(verkorte)_hex-notatie, kleurnaam, inherit | nee | ||
| background-image: | none; | none, url(bestand), inherit | nee | ||
| background-position: | 0% 0%; | top left, top center, ..., bottom center, bottom right, | |||
| percentage_horizontaal percentage_verticaal, lengte_horizontaal lengte_verticaal, inherit | nee | ||||
| background-repeat: | repeat; | repeat, repeat-x, repeat-y, no-repeat, inherit | nee | ||
| background-attachment: | scroll; | scroll, fixed, inherit | nee | ||
| background: | ...; | ... | nee | één of meer waarden | |
| randen | |||||
| border-style: | none; | none, solid, double, dotted, dashed, groove, ridge, inset, outset, inherit | nee | één, twee of vier waarden | |
| border-width: | medium; | medium, thin, thick, lengte, inherit | nee | één, twee of vier waarden | |
| border-color: | ...; | rgb(percentagelijst), rgb(getallenlijst), #(verkorte)_hex-notatie, kleurnaam, transparent, inherit | nee | één, twee of vier waarden | |
| padding | |||||
| padding: | 0; | lengte, percentage, inherit | nee | één, twee of vier waarden | |
| margin | |||||
| margin: | 0; | lengte, percentage, auto, inherit | nee | één, twee of vier waarden | |
| afmetingen | |||||
| width: | auto; | auto, lengte, percentage, inherit | nee | ||
| height: | auto; | auto, lengte, percentage, inherit | nee | ||
| min-width: | 0; | lengte, percentage, inherit | nee | ||
| min-height: | 0; | lengte, percentage, inherit | nee | ||
| max-width: | none; | none, lengte, percentage, inherit | nee | ||
| max-height: | none; | none, lengte, percentage, inherit | nee | ||
| lijsten | |||||
| list-style-type: | disc; | disc, circle, square, decimal, upper-roman, lower-roman, upper-alpha, lower-alpha, none, inherit | ja | ||
| list-style-image: | none; | none, url(bestand), inherit | ja | ||
| list-style-position: | outside; | outside, inside, inherit | ja | ||
| tabellen | |||||
| border-collapse: | separate; | separate, collapse, inherit | ja | ||
| visuele vormgeving | |||||
| vertical-align: | baseline; | baseline, top, middle, bottom, ..., inherit | nee | o.a. bij tabelcellen | |
| float: | none; | none, left, right, inherit | nee | ||
| clear: | none; | none, left, right, both, inherit | nee | ||
| display: | inline; | inline, block, none, inherit | nee | ||
| overflow: | visible; | visible, hidden, scroll, auto, inherit | nee | ||
| eigenschap: | begin- | mogelijke waarden | over- | opmerking | |
| waarde | erving | ||||
In bovenstaande declaraties behoort in het algemeen één waarde bij een eigenschap.
Als meer waarden bij een eigenschap tegelijk mogelijk zijn, staat dit in de kolom opmerking.