Atrybut overflow-wrap w CSS

Definicja i zastosowanie

overflow-wrap Atrybut określa, czy przeglądarka może przecinać długie słowa na nowe wiersze, jeśli wyjdą poza kontener.

Przykład

Pozwala przeglądarce przecinać długie słowa na nowe wiersze, jeśli wyjdą poza kontener:

div {
  overflow-wrap: break-word;
}

Spróbuj sam

Gramatyka CSS

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

Wartość atrybutu

Wartość Opis
normal Długie słowa nie są przecinane na nowe wiersze, nawet jeśli wyjdą poza kontener. Domyślna wartość.
gdziekolwiek Jeśli długie słowo wyjdzie poza kontener, przecina je na nowe wiersze.
break-word Jeśli długie słowo wyjdzie poza kontener, przecina je na nowe wiersze.
initial Ustaw ten atrybut na jego wartość domyślną. Zobacz: initial.
inherit Dochodzi do tego atrybutu od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: normal
Inheredność: Tak
Tworzenie animacji: Nieobsługiwane. Zobacz:Atrybuty animacji.
Wersja: CSS3
Język JavaScript: object.style.overflowWrap="normal"

Obsługa przeglądarek

Tabela zawiera wersje przeglądarek, które w pełni obsługiwały tę właściwość.

Chrome Edge Firefox Safari Opera
23.0 18.0 49.0 6.1 6.1

12.1

Strony związaneTutorial: