CSS - textegenskaper

Vanliga egenskaper och värden för text i CSS
Se källkod för klasser och exempel, de finns i head-taggen
Egenskap Vanliga värden Exempel
font-family ex tahoma, geneva, sans-serif Lite text formaterat med inställningarna till vänster
font-weight normal, bold, bolder, lighter Exempel på bold, bolder, lighter
font-size em Här skriver jag med en storlek på 1.3em. 1 em = höjden på versala M ("stora M")
font-style normal, italic (oblique) Detta är skrivet med italic
font-variant normal, small-caps Ett stycke med small-caps, dvs. versaler med gemen x-höjd
text-align left, right, center, justify Denna text är högerjusterad (med right). Justify innebär att den är justerad både till höger och vänster (kan ge lite konstiga mellanrum mellan ord.
text-decoration none, underline, overline, line-through

understruken - standardvärde för länkar - ändra denna egenskap om du vill ta bort,
genomstruken text
,
"överstruken" text blir lite konstigt på svenska.
(blink finns också som värde...)

text-transform none, capitalize, uppercase, lowercase Text som capitalize - varje ord inleds med versal,
som uppercase - alla blir versaler,
som lowercase - NU SKRIVER JAG MED VERSALER - DET SPELAR INGEN ROLL (KIKA I KODEN MED FIREBUG)
line-height em Här skriver jag lite text,
där jag sätter värdet på line-height till 1.7em,
jag gör även några extra radbrytningar för att det ska bli tydligare
letter-spacing px (em) Här har jag satt värdet till +2
Här har jag satt värdet till -1
word-spacing em Vi provar med att lägga till mellanrum mellan ord med 0.7em

Typograferad rubrik

Typograferad rubrik

Typograferad rubrik

Typograferad rubrik

Typograferad rubrik

Typograferad rubrik