Värden

[Adresser] [Färger] [Enheter]

Ett värde är det värde eller de värden som tilldelas en viss egenskap. Ett värde kan vara en adress, en färg eller en enhet. Egenskapens COLOR (färg) värde kan t ex vara BLACK (svart), egenskapens FONT värde kan vara 14pt.

Värdena kan uppges på ett antal olika sätt.

Adresser till andra filer, t ex bakgrundsbilder. OBS! skrivs alltid inom parentes:

url(http://www.namn.se/bild.gif)

BODY {background: url(http://www.namn.se/bild.gif)}

Om inget annat anges ärver elementet sin förälders bakgrund.

Om inget annat anges ärver elementet sin förälders färg. Det finns fem olika sätt på vilka färgen kan uppges.

1. färgens namn (de 16 vanligaste färgerna) white, black, yellow, red, aqua, blue, navy, lime, green, teal, olive, fuchsia, purple, maroon, silver, grey
2. hexadecimal av rgb-värdet (red, green, blue) - tre tecken som senare expanderas till 6-siffrigt nummer, #rgb kommer att expanderas till #rrggbb
   #f00
3. hexadecimal av rgb-värdet (fullständigt)
   #ff0000
4. rgb-värde (från 0 till 255) - värdet ska vara inom parentes
   rgb(255,0,0)
5. rgb-värde i procent (från 0% till 100%) - värdet ska vara inom parentes, mellanslag är tillåtna
   rgb(110%,0%,0%)

En konverteringstabell från decimal till hexadecimal finner du här

De flesta grafikprogram visar färgens RGB-värde. Det finns också en mängd olika små och praktiska applikationer där du kan blanda dina egna färger och samtidigt avläsa deras RGB-värde. Ett sådant program på bara 14 kB och dessutom freeware heter Color Browser och kan hämtas på http://maximized.com/freeware/clrbrwsr/

Storlekarna/måtten kan specificeras med en mängd olika enheter. Värdena kan ha plus- eller minustecken framför sig.

Några egenskaper kan ta negativa värden. Negativa värden relaterar till värdet som tilldelats förälderelementet men i vissa enstaka fall kan de även relatera till kanvas.

Värdena specificerade i procent kan också ha plus- eller minustecken framför sig och vara negativa. Sådana värden relaterar också till värdet som tilldelats förälderelementet men i enstaka fall till kanvas.

Det finns två sorters av värden: absoluta, dvs fasta mått, och relativa som relaterar till andra värden. Enheter, deras värden och eventuella plus- eller minustecken skrivs i en enda sträng, dvs utan några mellanslag. Enheter delas upp i <absolute-size> absolut storlek, <relative-size> relativ storlek, <percentage> procent och <length> längd.

1. <absolute-size> Absolut storlek - fasta mått, som:
   xx-small | x-small | small | medium | large | x-large | xx-large (www-klientens standardfonter)
   cm - centimeter
   mm - millimeter
   in - tum - 1in = 2.54 cm
   pc - picas - 1pc = 12 pt
   pt - punkter - 1pt=0.353 mm
2. <relative-size> Relativ storlek - storleken är relativ till en annan storlek t ex till storlek på förälderelement, kan skrivas med + eller - tecken
   • larger | smaller
   • <percentage> Procent - storleken relaterar alltid till en annan storlek, t ex storlek på förälderelement. 200% betyder två gånger större än förälder.
     t ex -20% (vissa egenskaper tillåter negativa värden)
   • <length> - längd, kan skrivas med + eller - tecken
     em - historiskt, det utrymme som bokstaven m tar, praktiskt relaterar till elementets fontstorlek; om font-size uppges relaterar den till förälderelement, om t ex font är 10pt är även em 10pt (på samma sätt är en, som iofs inte finns i CSS, 0.5 av em)
     ex - det utrymme (höjd) som bokstäver tar - relaterar till elementets fontstorlek; om font-size uppges relaterar den till förälder element, höjden kan vara annorlunda i de olika fontfamiljerna, t ex höjden på fonter ur familjen Roman är lika med höjden av typsnittets små bokstäver utan alla eventuella prickar eller accenter medan andra typsnitt kan inkludera ascenderna
     px - pixlar - relaterar till upplösningen av kanvas
     t ex +2px

Elementen ärver t ex fontstorlek från sina föräldrar. Namn på enheten behövs inte om ett värde är 0 (noll). Det är alltid bättre att uppge relativa enheter då de skalas mycket lättare vid överföringen från ett medium till ett annat, till exempel från skärmen till skrivaren.

Upp | CSS-referensbok | Referensböcker