CSS overflow-wrap eigenschap

Definitie en gebruik

overflow-wrap De eigenschap specificeert of de browser een lange regel kan doorbreken bij het overschrijden van de container.

Laat de browser de regel doorbreken bij het overschrijden van lange woorden in de container:

div {
  overflow-wrap: break-word;
}

overflow-wrap: normal|everywhere|break-word|initial|inherit;

Waarde	Beschrijving
normal	Lange woorden worden niet afgebroken in een nieuwe regel, zelfs als ze de container overschrijden. Standaardwaarde.
everywhere	Als lange woorden de container overschrijden, worden ze afgebroken in een nieuwe regel.
break-word	Als lange woorden de container overschrijden, worden ze afgebroken in een nieuwe regel.
initial	Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap erfgenomen van de ouder element. Raadpleeg inherit.

Standaardwaarde:	normal
Inheritantie:	Ja
Animatie maken:	Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.overflowWrap="normal"

De getallen in de tabel vertegenwoordigen de browserversie die de eigenschap volledig ondersteunt.

Chrome	Edge	Firefox	Safari	Opera
23.0	18.0	49.0	6.1	12.1