Index  HTML  CSS  ASP  PHP  VBScript
 Javascript  SQL  Links  Contact  Gastboek  

  CSS
  Groeperen
  Pseudo-Class
  Font
  Tekst
  Background
  Button
  Formulier
  Cursor
  Positie
  Z-index
  Visibility


Tekst

Met behulp van css kun je heel gemakkelijk teksten uitlijnen en opmaken. Css heeft een aantal properties om de tekst te kunnen bewerken. Meest belangrijk is het uitlijnen van de tekst met behulp van text-align.

Text-align

Uitlijnen van tekst kom je altijd tegen bij het maken van een pagina. Of je nu een hobby site maakt of een site voor een bedrijf, het moet lekker weglezen. Op internet is het des te meer van belang hier aandacht aan te besteden. Mensen snellen koppen en dik gedrukte woorden op een pagina. Alleen als de bezoeker echt op zoek is naar bepaalde informatie over bijvoorbeeld html, dan wordt er meer gelezen. Maar met zoveel keus op het internet moet de pagina wel fijn ogen, anders is de bezoeker zo weer vertrokken.

Als property voor het uitlijnen van tekst dien je gebruik te maken van text-align. Text-align kan 4 values krijgen.

  • left
  • right
  • center
  • justify

De eerste drie values spreken voor zich. Links uitlijnen, rechts uitlijnen en centreren. Justify houdt in dat de tekst precies over de regel verdeeld wordt. In leesboeken wordt dit altijd toegepast en op internet en ook zeer regelmatig. Ook de tekst op deze pagina wordt uitgelijnd met behulp van text-align: jusitify.

Voorbeeld: P {text-align: justify;}

Text-decoration

Het decoreren van tekst is ook een mogelijkheid. Je kunt de tekst onderstrepen of doorstrepen. Als property gebruik je text-decoration.

  • underline
  • line-through

Vaak wordt text-decoration toegepast bij links op de pagina. Als je dan met de muis over een link gaat wordt de link onderstreept. Een voorbeeld van vind je hier boven aan de pagina bij de hoofdlinks van index, html, css en asp.

Text-transform

Mogelijke values:

  • capitalize
  • uppercase
  • lowercase
  • none

Capitalize houdt in dat elk woord een hoofdletter aan het begin krijgt.

Uppercase zorgt ervoor dat alle woorden met hoofdletters geschreven worden.

Lowercase zorgt ervoor dat alle woorden met kleine letters worden geschreven.

Standaard wordt text-transform op none gezet.

Klik hier... Voorbeeld