, dan zal het niveau 700 worden.






















Font-size
De grootte van een lettertype kan worden aangegeven met de eigenschap font-size. Er kunnen vier verschillende waarden worden aangegeven bij deze eigenschap: absolute-size, relative-size, length en percentage.
Met de waarde absolute-size kunt u verschillende grootten aangeven. De mogelijkheden die u heeft zijn: xx-small, x-small, small, medium, large, x-large en xx-large. De verschillen tussen de opeenvolgende waarde is dat het lettertype 1,5 maal wordt vergroot.
H3 { font-size: x-small }
U kunt de grootte van de letter ook bepalen door er een relatieve waarde aan toe te kennen. In dat geval wordt er eerst gekeken naar de ouder. Met de relative-size heeft u twee mogelijkheden, larger en smaller. CSS gaat uit van de standaard waarde medium.

BODY { font-size: medium }
H1 {font-size: larger }
DIV { font-size: smaller }

Met de waarde length kunt u een grootte opgeven die absolute is. Toegestane waarden zijn onder meer punten (pt), millimeters (mm), centimeters (cm) en inches (in) en pixels (px).

H6 { font-size: 64pt }

De laatste mogelijkheid is dat u de grootte van de lettertypen aangeeft in percentages. Het percentage dat u gebruikt wordt gezien ten opzichte van de ouder. Stel u geeft aan dat een font 120% moet zijn en de ouder heeft een grote van 100 pixels dan wordt dat lettertype 120 pixels groot.

P.wedstrijd { font-size: 130% }

Percentages: ten opzichte van de grootte van de ouder
Om het u eenvoudiger te maken heeft CSS ook een property ontwikkeld waarmee u alle voorgaande eigenschappen in één handeling kunt opnemen in de declaratie. De uitkomst is uiteraard hetzelfde dan wanneer u alles afzonderlijk zou noteren. De naam van de property is font.

DIV { font: oblique bold normal 22pt/12 pt times, arial, sans-serif }
Los geschreven ziet deze rule er zo uit:

DIV {
font-style: oblique
font-weight: bold
font-variant: normal
font-size: 22pt
line-height: 24pt
font-family: times, arial, sans-serif
}

Als u bepaalde waarden niet opgeeft, wordt de default-waarde geselecteerd door de browser. Tenslotte bespreken we in dit hoofdstuk nog even de twee properties die niet de eigenschappen van een lettertype bepalen maar wel het uiterlijk. We hebben het dan over de properties text-decoration en text-transform.

Text-decoration
Met text-decoration kunt u bepaalde stukken tekst onderstrepen, doorhalen of zelfs laten knipperen. Deze eigenschap kent vier waarden: underline, overline, line-through en blink. Met underline wordt een lijn aangebracht onder de tekst, terwijl met overline de lijn boven de tekst wordt gezet. Line-through betekent dat er een lijn door de tekst loopt en met blink kunt u een tekst laten knipperen.






















Text-transform
De text-transform property heeft vier waarden: capitalize, uppercase, lowercase en none. Met capitalize zet u elke eerste letter van een woord in een zin kapitaal. Met uppercase zet u alle letters in een zin kapitaal terwijl u met lowercase het tegenovergestelde doet. Met 'none' kunt u een geërfd lettertype neutraliseren.

P { text-transform: uppercase }
DIV {text-transform: capitalize }