CSS text-overflow egenskab

Definisjon og bruk

text-overflow-egenskapen bestemmer hva som skjer når teksten strekker seg utover innholdselementet.

Se også:

CSS3-læringskurs:CSS3 teksteffekter

HTML DOM referansehåndbok:textOverflow-egenskapen

Eksempel

Bruk text-overflow-egenskapen:

div.test
{
text-overflow:ellipsis;
}

Prøv selv

Mer eksempler finnes på nettsidens bunnside.

CSS-syntaks

text-overflow: clip|ellipsis|streng;

Egenskapsverdi

Verdi Beskrivelse Test
klippe Klippe tekst. Test
ellipses Vis ellipsis for å representere det klipede teksten. Test
streng Bruk den gitte strengen for å representere det klipede teksten.

Teknisk detalj

Standardverdi: klippe
Arvbarhet: nei
Versjon: CSS3
JavaScript-syntaks: object.style.textOverflow="ellipsis"

Flere eksempler

Text-overflow med hover-effekt
Dette eksempelet viser hvordan hele teksten vises når markøren flyttes til elementet.

Nettleserstøtte

Tallene i tabellen indikerer den første nettleseren som fullt ut støtter egenskapen.

Tall med -o- indikerer den første versjonen som bruker prefikset.

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