CSS text-overflow egenskap

Definition och användning

text-overflow-egenskapen definierar vad som händer när texten överskrider innehållselementet.

Se också:

CSS3 tutorial:CSS3 text effects

HTML DOM referenshandbok:textOverflow-egenskapen

Exempel

Använd text-overflow-egenskapen:

div.test
{
text-overflow:ellipsis;
}

Prova själv

Det finns fler exempel längre ner på sidan.

CSS-syntax

text-overflow: clip|ellipsis|string;

Egenskapsvärde

Värde Beskrivning Test
klippa Klippta text Test
ellipsis Visa en ellipsis för att representera det klippta texten. Test
string Använd den angivna strängen för att representera det klippta texten.

Tekniska detaljer

Standardvärde: klippa
Arv: nej
Version: CSS3
JavaScript-syntax: object.style.textOverflow="ellipsis"

Fler exempel

Text-overflow med hover-effekt
Detta exempel visar hur alla texter visas när markören flyttas över elementet.

Webbläsarstöd

Tal i tabellen anger den första webbläsarversion som fullständigt stöder egenskapen.

Tal med -o- som prefix indikerar den första versionen som används.

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