Eigenschap hyphens

De eigenschap hyphens schakelt woordafbreking in de browser in met behulp van het afbreekteken "-". Voor ondersteuning van de Nederlandse taal is het nodig om het attribuut lang="nl" toe te voegen aan de tag waarop de woordafbreking wordt toegepast (of aan de ouder van deze tag). Je kunt dit attribuut eenvoudig toevoegen aan de html tag. Zonder dit werkt de woordafbreking niet.

Syntaxis

selector {
	hyphens: auto | manual | none;
}

Waarden

Waarde	Beschrijving
`auto`	Plaatst afbreektekens waar nodig.
`manual`	Voegt alleen afbrekingen toe op plaatsen waar een `wbr` tag of het speciale teken `` is toegevoegd, en alleen indien nodig. Dergelijke afbrekingen worden zachte afbrekingen genoemd.
`none`	Schakelt woordafbreking uit (woorden worden niet afgebroken, zelfs als er zachte afbrekingen aanwezig zijn).

Standaardwaarde: manual.

Waarde auto

<p lang="en">
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
	aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
	fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
	sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
	ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
	ante purus lacini dui, interdum fringilla massa eros ut duir
	nullam et ipsum ex. Donec ut iaculis massa. Duis vel ulamcor
	per dolor. Suspendisse tristique dolor risus, nec laoreet du
	aliquet maximus. Maecenas tempus congue arcu, si amet auctor
	dui efficitur in. Proin ac auctor nisi. Phasellus luctus eur
	neque sollicitudin rutrum. Curabitur ipsum justo, sodales in
	lectus non, molestie ullamcorper elit, orciro varius natoque.
</p>

p {
	width: 400px;
	hyphens: auto;
	border: 1px solid red;
	text-align: justify;
}

Zie ook

de eigenschappen word-break en overflow-wrap,
die het mogelijk maken letters van een lang woord af te breken
de eigenschap overflow,
die delen die buiten de grenzen van het blok uitsteken afsnijdt