Eigenschappen tekst

Eigenschappen tekst Color
De eigenschap color wordt gebruikt om de kleur van het gebruikte lettertype aan te geven. De notatie van de kleur kan door middel van een RGB-waarde, een hexadecimale waarde of door gewoonweg een standaardkleur te noemen.

color: rgb(0,0,255);
color: #0000ff;
color: blue;

Text-decoration
Het woordje decoration betekent letterlijk versiering. Met deze eigenschap regel je dat een woord wordt onderstreept (underline) of bijvoorbeeld doorgestreept (line-through). De waarde overline zorgt ervoor dat er een lijn boven de tekst wordt geplaatst.

text-decoration: none;
text-decoration: overline;
text-decoration: line-through;
text-decoration: underline;

Text-transform
Soms wil je een tekst alleen in hoofdletters (uppercase) of alleen in kleine letters (lowercase) weergeven. Daarvoor gebruik je de eigenschap text-transform.
De waarde capitalize zorgt ervoor dat elk woord in de tekst begint met een hoofdletter.

text-transform: uppercase;
text-transform: lowercase;
text-transform: capitalize;

Text-align
Voor het uitlijnen van een tekst wordt de eigenschap text-align gebruikt. Een tekst kan worden gecentreerd (center), rechts worden uitgelijnd (right), links (left) worden uitgelijnd of worden uitgevuld (justify). Uitvullen wil zeggen dat de tekst zowel links als rechts wordt uitgelijnd.

De teksten in kranten en tijdschriften zijn vaak uitgevuld. Bijvoorbeeld wanneer teksten in meerdere kolommen staan. Uitvullen kun je beter alleen gebruiken bij voldoende woorden op een regel, anders kun je grote stukken wit tussen de woorden krijgen.

text-align: center;
text-align: right;
text-align: left;
text-align: justify;

text-indent
Met text-indent kan de eerste regel van een alinea worden ingesprongen.
Standaard staat de waarde op 0 ingesteld.
text-indent: 3em;

In de tekst hieronder staat alles nogmaals in een schema uitgelegd.

Eigenschap Waarde(n)
color rgb(0,0,255)
#0000ff
blue
text-decoration none
overline
line-through
underline
text-transform uppercase
lowercase
capitalize
text-align center
right
left
justify
text-indent px
em