Exemplu
Utilizarea de proprietate text-overflow:
div
{
text-overflow: ellipsis;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea text overflow specifică modul în care conținutul revărsată care nu este afișată ar trebui să fie semnalată utilizatorului.
| Valoare implicită: | clip |
|---|---|
| Mostenit: | no |
| Animatable: | no. Read about animatable |
| Versiune: | CSS3 |
| sintaxa JavaScript: | object .style.textOverflow="ellipsis" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmate de -o- specifica prima versiune care a lucrat cu un prefix.
| Proprietate | |||||
|---|---|---|---|---|---|
| text-overflow | 4 | 6 | 7 | 3.1 | 11.0 9.0 -o- |
CSS Sintaxa
text-overflow: clip|ellipsis| Valori de proprietate Valoare Descriere Joaca-l clip Valoare implicită. Clipuri textul Joaca - l » ellipsis Render o elipsă ("...") pentru a reprezenta text decupaje Joaca - l » string Render șirul dat pentru a reprezenta textul decupaje initial Setează această proprietate la valoarea implicită. Citiți despre inițială Joaca - l » inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Mai multe exemple
Text-preaplin , cu un efect de planare
Acest exemplu demonstrează modul de a afișa întregul text atunci când plasați cursorul deasupra elementului.
Pagini similare
Tutorial CSS3: Efecte CSS3 Text
HTML DOM referință: textOverflow property