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

cssselector {
  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

html<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>

cssp {
  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