CSS hyphens eigenschap

Definitie en gebruik

De hyphens-eigenschap definieert of het toegestaan is om haakjes te gebruiken in een regel tekst om meer automatische doorloopkansen te creëren.

Voorbeeld

Stel verschillende haakjes in:

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

Probeer het zelf uit

CSS syntaxis

hyphens: none|manual|auto|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
none Woorden zonder haakje (geen nieuwe regel).
manual Standaard. Woorden hebben alleen een haakje aan ‐ of ­ (indien nodig).
auto Voeg woorddashes toe op de locatie waar het algoritme dat bepaalt.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erven van de ouder element. Raadpleeg inherit.

Technische details

Standaardwaarde: manual
Inheritantie: ja
Animatie maken: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS3
JavaScript syntaxis: object.style.hyphens="none"

Browserondersteuning

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

Getallen met -webkit- of -ms- voorafgaand aan het getal vertegenwoordigen de eerste versie met het voorvoegsel.

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-		 43.0 5.1 -webkit- 44.0