Kapittel 3.3 - Fet og kursiv tekst

Kursiv tekst defineres ved hjelp av font-style: elementet i CSS. font-style elementet kan ta tre variabler: italic, normal og oblique. Italic angir kursiv tekst, normal angir normal tekst, mens oblique angir en skjev tekst. De fleste nettlesere viser kursiv og oblique tekst likt, mens de fleste printere skiller mellom typene. Kursiv tekst skal ha en vinkel på 10 grader, mens oblique kan ha en vinkel på inntil 15 grader.

I motsetning til kursiv, har CSS en annerledes definering av fet tekst enn HTML. CSS gjør det mulig å gi teksten forskjellig tykkelse fra ekstra tynn til ekstra tykk. Skriftens tykkelse defineres ved hjelp av elementet font-weightsom kan ta fire tekst parametere: light, normal, bold og bolder, samt et tall mellom 100 (tynnest) og 900 (tykkest). Generelt sett er 100 ekstra tynn, 300 tynn, 500 normal, 700 fet og 900 ekstra fet.

<style> 
   p { font-style: italic; } gir kursiv tekst 
   p { font-style: normal; } gir normal tekst 
   p { font-style: oblique; } gir skjev tekst 
   p { font-weight: 100; } gir ekstra tynn tekst 
   p { font-weight: 200; } gir tynn tekst 
   p { font-weight: 500; } gir normal tekst 
   p { font-weight: 700; } gir fet tekst 
   p { font-weight: 900; } gir ekstra fet tekst 
   p { font-weight: light; } gir tynn tekst 
   p { font-weight: normal; } gir normal tekst 
   p { font-weight: bold; } gir fet tekst 
   p { font-weight: bolder; } gir ekstra fet tekst 
</style> 

Det kan være vanskelig å skille mellom tykkelsen dersom teksten er liten, men forskjellene blir større etterhvert som tekststrørrelsen øker.

Ikke alle variasjoner støttes av samtlige nettlesere.