CSS letter-spacing eigenschap

Definitie en gebruik

De letterafstandseigenschap voegt ruimte toe of verwijdert ruimte tussen karakters (letterafstand).

Deze eigenschap definieert hoeveel ruimte er tussen de tekstkarakters moet worden geplaatst. Omdat de lettervormen meestal breder zijn dan hun karaktervak, wordt de standaard afstand tussen letters aangepast bij het specificeren van de lengtewaarde. Daarom is 'normaal' equivalent aan een waarde van 0.

Opmerking:Negatieve waarden zijn toegestaan, waardoor de letters dichter bij elkaar komen te staan.

Zie ook:

CSS tutorial:CSS tekst

HTML DOM referentiemanual:letterSpacing-eigenschap

Voorbeeld

Stel de letterafstand van de h1- en h2-elementen in:

h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}

Probeer het zelf uit

CSS syntaxis

letter-spacing: normal|lengte|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
normaal Standaard. Stelt dat er geen extra ruimte tussen letters is.
lengte Definieert een vaste ruimte tussen letters (negatieve waarden zijn toegestaan).
inherit Stelt dat de waarde van de letterafstand-eigenschap van het ouder-element moet worden geërfd.

Technische details

Standaardwaarde: normaal
Inheritantie: ja
Versie: CSS1
JavaScript syntaxis: object.style.letterSpacing="3px"

Meer voorbeelden

Letterafstand (letterintervalle) regelen
Dit voorbeeld demonstreert hoe je de letterafstand kunt vergroten of verkleinen.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5