Atrybut text-overflow w CSS

Definicja i zastosowanie

Atrybut text-overflow określa, co się dzieje, gdy tekst wykracza poza obszar zawierający element.

Zobacz również:

Tutorial CSS3:Efekty tekstowe CSS3

Podręcznik HTML DOM:Atrybut textOverflow

Przykład

Użyj atrybutu text-overflow:

div.test
{
text-overflow:ellipsis;
}

Spróbuj sam

Więcej przykładów znajduje się na dole strony.

Gramatyka CSS

text-overflow: clip|ellipsis|string;

Wartość atrybutu

Wartość Opis Test
clip Obcinaj tekst. Test
ellipsis Wyświetl znak elipsy, aby reprezentować tekst obcięty. Test
string Użyj podanego ciągu znaków do reprezentowania tekstu obciętego.

Szczegóły techniczne

Domyślna wartość: clip
Inheritance: nie
Wersja: CSS3
Gramatyka JavaScript: object.style.textOverflow="ellipsis"

Więcej przykładów

Text-overflow z efektem hover
Ten przykład pokazuje, jak wyświetlać pełny tekst, gdy kursor jest nad elementem.

Wsparcie przeglądarki

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Liczby z -o- oznaczają pierwszą wersję z prefiksem.

Chrome IE / Edge Firefox Safari Opera
4.0 6.0 7.0 3.1 11.0
9.0 -o-