Homepage » Tutorials » HTML & CSS » Tekst en CSS

Tekst en CSS

Hier zullen we bespreken wat je allemaal in CSS met tekst kunt doen. We hebben het hier over het element text. We kunnen hier het volgende mee doen:

Eigenschap	Werking	Mogelijkheden
text-decoration	geeft de decoratie aan	none, underline, overline, line-through, blink.
vertical-align	Verticale uitlijning bepalen t.o.v. ander object(parent)	baseline, sub, super, top, text-top, middle, bottom, text-bottom
text-transform	Zet tekst om in hoofdletters, kleine letters of beginhoofdletters	capitalize, uppercase, lowercase, none
text-align	Horizontale uitlijning van de tekst	left, right, center, justify(uitvullen)
text-indent	Inspringing van eerste tekstregel	alle waarden in px, pt, cm, em en %. Mag ook negatief zijn
line-height	Regelafstand	normal, en alle waarden in px, pt, cm, em en %.

Verder kunnen we ook nog veel met de lettertypen doen. dat zie je hieronder:

Eigenschap	Werking	Mogelijkheden
font-size	Puntgrootte van de letter	absolute waarden(xx-small tot xx-large), relatief(smaller of larger) en eenheden(pt, px, cm, em en %)
font-family	Het lettertype, meerdere opties mogelijk, scheiden door een komma, browser kiest de eerste die hij herkent.	Alle lettertypen, bijvoorbeeld Arial, Swiss, Helvetica(drie ongeveer gelijke lettertypen)
font-weight	Gewicht van de letter(hoe vet)	normal, bold, bolder, lighter of 100, 200, 800 etc.
font-style	opmaakkenmerken zoals cursief	normal, italic, oblique
font-variant	kleinkapitaal variatie op lettertype	normal of small-caps

8 reacties
h4k3r9	Geplaatst op 11-01-2009 om 15:27
Regular	hoe heet je .css bestand gewoon opmaak.css dan is dit wat voor je: <link rel="stylesheet" type="text/css" href="style.css" /> plaats dit in je header
bijveld	Geplaatst op 06-10-2008 om 21:02
Regular	Hoi,, ik heb net de hele tijd met FF gekeken ofdat CSS het deed, maar als ik het bestand op IE open dan pakt hij het bestandje opmaak.css niet. daar reageert die niet op. graag een oplossing hiervoor
Robin18	Geplaatst op 22-09-2008 om 16:25
Regular	@Glenn Potter .textstijl{ text-decoration: underline; vertical-align:middle; etc. etc. } @Gizmo {color:#FF00FF}
Glenn Potter	Geplaatst op 03-05-2008 om 17:55
Regular	Hoe moet je dat in je script zetten ?
joevan74	Geplaatst op 04-11-2006 om 11:08
Regular	mss ma volgens mij gebeurt da ni da die na ni herkent
Oddfantasywebmasters	Geplaatst op 09-10-2006 om 17:25
Regular	Is het ook mogelijk om twee lettertypes op verschillende groottes als 'optie' te geven? Bijvoorbeeld: Century gothic grootte 16 en als hij die niet herkent: Times new roman grootte 14.
Zain	Geplaatst op 16-06-2005 om 23:04
Regular	Gizmo ; lees de volgende tut :)
Gizmo	Geplaatst op 17-05-2005 om 19:12
Regular	maar hoe geef je hem dan een kleur

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!

Websitemaken wordt gehost door Nucleus.be