Stijl wordSpacing-eigenschap

Definitie en gebruik

wordSpacing Eigenschap die de afstand tussen woorden in de tekst instelt of retourneert.

Tip:Gebruik deze om de afstand tussen tekens in de tekst in te stellen of terug te geven. letterSpacing-eigenschap.

Zie ook:

CSS handleiding:CSS Text

CSS referentiemanual:word-spacing-eigenschap

Voorbeeld

Voorbeeld 1

Stel de woordafstand van het <p>-element in op 50 pixels:

document.getElementById("myP").style.wordSpacing = "50px";

Probeer het zelf uit

Voorbeeld 2

Gebruik negatieve waarden:

document.getElementById("myP").style.wordSpacing = -3px";

Probeer het zelf uit

Voorbeeld 3

Retourneer de woordafstand van het <p>-element:

alert(document.getElementById("myP").style.wordSpacing);

Probeer het zelf uit

Voorbeeld 4

Het verschil tussen de letterSpacing-eigenschap en de wordSpacing-eigenschap:

function changeLetters() {
  document.getElementById("myP1").style.letterSpacing = "15px";
}
function changeWords() {
  document.getElementById("myP2").style.wordSpacing = "15px";
}

Probeer het zelf uit

Syntax

Retourneer de wordSpacing-eigenschap:

object.style.wordSpacing

Stel de wordSpacing-eigenschap in:

object.style.wordSpacing = "normal|length|initial|inherit"

Eigenschapswaarde

Waarde Beschrijving
normal Definieer de normale afstand tussen woorden. Standaard.
length Definieer de afstand tussen woorden met lengte-eenheden. Negatieve waarden zijn toegestaan.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inherit deze eigenschap van de ouder-element. Raadpleeg inherit.

Technische details

Standaardwaarde: normal
Terugkeerwaarde: Een string die de spaties tussen woorden in de tekst aangeeft.
CSS versie: CSS1

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support