Pituusarvo muodostuu mahdollisesta + tai - merkistä (+ oletuksena), numerosta (desimaalipilkku korvataan pisteellä) ja kaksikirjaimisesta lyhenteestä joka ilmaisee yksikön. Pituusarvoissa ei saa olla välilyöntejä, esim. 1.3 em ei ole sallittu muttä 1.3em on. Pituus 0 ei vaadi kaksikirjaimista yksikkötunnusta.
Vain osa elementeistä tukee negatiivisia pituusarvoja
Sekä suhteelliset että absoluuttiset pituudet ovat tuettuja CSS1:ssä. Suhteelliset pituudet antavat pituusarvot suhteellisina toiseen pituus ominaisuuteen ja ovat suositeltavia koska ne mukautuvat paremmin eri resoluutioille. Seuraavat yksiköt ovat suhteellisia:
Absoluuttiset mitat ovat hyvin riippuvaisia käytetystä esitysvälineestä, joten ne ovat vähemmän hyödyllisiä kuin suhteelliset pituudet. Seuvaavia absoluuttisia yksiköitä voidaan käyttää:
Prosenttiarvo muodostetaan mahdollisesta + tai - merkistä (+ oletuksena), numerosta (desimaalipilkku korvataan pisteellä) ja %-merkistä. Prosenttiarvoissakaan ei ole välilyöntejä.
Prosenttiarvot ovat suhteellisia johonkin toiseen arvoon, jotka on määritelty ominaisuuksissa. Useimmiten prosenttiarvo on suhteellinen elementin fontin kokoon.
Väri on avainsana tai numeerinen RGB-arvo (Red, Green, Blue).
16 avainsana-väriä on otettu Windowsin VGA-paletista ja ne ovat: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow
RGB (Red, Green, Blue) arvot voidaan antaa yhdellä seuraavista neljästä tavasta.
Kaikki yläpuoliset esimerkit antavat saman värin
Douglas R. Jacobson on tehnyt pikataulukon RGB-arvoista (61 kilotavua)
URL-arvo annetaan muodossa url(x), jossa x on URL-osoite. URL voi olla vaihtoehtoisesti merkitty joko "yksinkertaisella" ( ') tai "kaksinkertaisella" (") lainausmerkillä ja voi sisältää välilyöntejä ennen ja jälkeen ("lainatun") URL:n.
Ennen kaarisulkua, pilkkua, välilyöntiä tai lainausmerkkiä
täytyy URL:ssä (tiedoston nimessä)
olla kenoviiva. (Esim. \( ,
\" tai
\,)
Katso alin esimerkki-URL.
Osittaiset URL:t ovat suhteellisia tyylisivun URL-osoitteeseen, eikä HTML:n URL-osoitteeseen.
Huomaa että Netscape 4.x tulkitsee osittaiset URL:t suhteellisina HTLM:n URL-osoitteeseen. Tästä bugista johtuen voi olla hyvä laittaa URL:t aina kokonaisina.
Esimerkkejä:
BODY { background : url(tausta.gif) }
BODY { background : url(http://www.mbnet.fi/tausta.gif) }
BODY { background : url( tausta.gif ) }
BODY { background : url("tausta.gif") }
BODY { background : url(\"tausta\".gif) }