Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
CSS3 - tekst

CSS3 - word-wrap

Email Drukuj PDF

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.

 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V