Tematy: hanging-punctuation | punctuation-trim | text-align-last | text-emphasis | text-justify | text-outline | text-overflow | text-shadow | text-wrap | word-break | word-wrap
| Dane w pigułce | |
| Zastosowanie | Łamie długie wyrazy |
| Dziedziczenie | tak |
| Wartości | normal, break-word |
| Wartość domyślna | normal |
| Przykład | word-wrap: break-word |
| Składnia JavaScript | object.style.wordWrap="break-word" |
Aby zdefiniować łamanie wyrazu, należy wpisać w definicji stylu word-wrap: wartość
Jeśli wyraz jest zbyt długi, aby zmieścić się w pojemniku, wystaje poza niego.
<div style="width: 100px; border: 1px solid; "> Grzegorz Brzęczyszczykiewicz </div>
Grzegorz Brzęczyszczykiewicz
Jeśli umieścimy w pojemniku polecenie łamania wyrazów, nie będą wystawać poza pojemnik.
<div style="width: 100px; border: 1px solid; word-wrap: break-word; "> Grzegorz Brzęczyszczykiewicz </div>
Grzegorz Brzęczyszczykiewicz
Interpretacja: Internet Explorer, Firefox, Opera, Chrome, Safari.
