Home Ontwerp je site CSS Fonteigenschappen in CSS

Fonteigenschappen in CSS

Aansluitend bij teksteigenschappen kunnen we ook een heel aantal fonteigenschappen gaan bepalen.

We kunnen hoofdletters gaan omzetten naar kleine letters en omgekeerd, de ruimte tussen de letters zelf gaan bepalen enzovoort.

Tekstdecoratie

Kenmerk: text-decoration
Waarde: none, underline, overline, line-through
Voorbeeld:

h1 { text-decoration: underline; }

Uitlijning

Kenmerk: text-align
Waarde: left, right, center, justify
Voorbeeld:

h4 { text-align: center; }

Letterspatiƫring

Kenmerk:  letter-spacing
Waarde: normal, lengte
Voorbeeld:

p { letter-spacing: 6px; }

Inspringing

Kenmerk: text-indent
Waarde: grootte (pt, px, %)
Voorbeeld:

p { text-indent: 25% }

Woordspatiƫring

Kenmerk: word-spacing
Waarde: waarde in px, ex, percentage
Voorbeeld:

p { word-spacing: 5px; }

Transformatie

Kenmerk: text-transform
Waarde: none, capitalize, uppercase, lowercase
Voorbeeld:

p { text-transform: lowercase; }

Regelafstand

Kenmerk: line-height
Waarde: regelafstand in absoluut getal
Voorbeeld:

body { line-height: 3; }

Bekijk het voorbeeld om deze elementen in actie te zien.


Ga naar het volgende deel van de CSS basiscursus : Boxeigenschappen in CSS



8 + 8 =
 

GOOGLE adsense