Własność CSS text-wrap to własność zbiorcza, która określa sposób zawijania tekstu w elementach HTML. Obejmuje ona ustawienia własności indywidualnych text-wrap-mode i text-wrap-style.
Wartości i składnia
Własność text-wrap jako wartość przyjmuje jedno słowo kluczowe z poniższej listy.
nowrap- Wyłącza zawijanie tekstu i powoduje, że tekst nie mieszczący się w kontenerze, wychodzi poza jego granice.
wrap- Włącza zawijanie tekstu i zapobiega wychodzeniu tekstu poza granice elementu.
balance- Powoduje zawijanie tekstu w taki sposób, aby długość wszystkich wierszy była jak najlepiej zrównoważona, co zwiększa czytelność.
pretty- Działa podobnie, jak
wrap, tylko używa wolniejszego algorytmu przedkładającego wygląd nad prędkość i próbującego unikać pozostawiania zbyt krótkich ostatnich wierszy. Szczegółowy sposób działania tego algorytmu zależy od przeglądarki. stable- Ma zastosowanie w elementach edytowalnych, w których powoduje, że edycja wiersza tekstu nie powoduje zmian w układzie poprzednich wierszy.
Przykłady
Poniższy zrzut ekranu przedstawia różnicę między wartościami balance i pretty.
Podsumowanie
| Zastosowanie | Tekst |
|---|---|
| Własności składowe | |
| Obsługiwane wartości | Słowa kluczowe: nowrap, wrap, balance, pretty, stable |
| Wartość początkowa | Wartości początkowe odpowiadają wartościom początkowym własności składowych |
| Dziedziczenie | Tak |
| Specyfikacja | CSS Text Module Level 4, text-wrap |