CSS text-justify eigenschap

Definitie en gebruik

De text-justify-eigenschap specificeert de uitlijning van tekst wanneer text-align ingesteld is op "justify".

Deze eigenschap definieert hoe rijtekst uitgelijnd en gescheiden moet worden.

Voorbeeld

Wijzig de afstand tussen woorden voor uitlijning:

div
{
text-align:justify;
text-justify:inter-word;
}

Probeer het zelf uit

CSS-syntaxis

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

Eigenschapswaarde

Waarde Beschrijving Test
auto De browser beslist over de uitlijn-algoritme. Test
none Uitschakelen van uitlijnen. Test
inter-word Verhoog of verklein de afstand tussen woorden. Test
inter-ideograph Richten van inhoud met ideografische tekst. Test
inter-cluster Alleen uitlijnen van inhoud die geen interne woordintervallen bevat (bijvoorbeeld Aziatische talen). Test
distribute Vergelijkbaar met krantlay-out, behalve dat de laatste regel in Oost-Aziatische talen niet uitgelijnd is. Test
kashida Richten van inhoud door karakters te strekken. Test

Technische details

Standaardwaarde: auto
Inheritsiviteit: ja
Versie: CSS3
JavaScript-syntaxis: object.style.textJustify="inter-word"

Browserondersteuning

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

Chrome IE / Edge Firefox Safari Opera
Ondersteunt * 11.0 55.0 10.0.3 Ondersteunt *

* Deze functie bevindt zich in de voorkeuren "Experimentele Webplatformfuncties inschakelen" (moet ingesteld zijn op "Ingeschakeld"). Om de voorkeuren in Chrome te wijzigen: voer "chrome://flags" in in de Chrome-browser. Om de voorkeuren in Opera te wijzigen: voer "flags" in in de Opera-browser.