CSS text-overflow ominaisuus

Määritelmä ja käyttö

text-overflow-ominaisuus määrittelee, mitä tapahtuu, kun teksti ylittää sisältävä elementin.

Katso myös:

CSS3-opas:CSS3 tekstiefektit

HTML DOM -viittausopas:textOverflow-ominaisuus

Esimerkki

Käytä text-overflow-ominaisuutta:

div.test
{
text-overflow:ellipsis;
}

Kokeile itse

Lisää esimerkkejä sivun alaosassa.

CSS-kirjainta

text-overflow: clip|ellipsis|string;

Ominaisuusarvo

Arvo Kuvaus Testi
clip Leikkaa tekstiä. Testi
ellipsis Näytä lyhennysmerkki edustamaan leikattua tekstiä. Testi
string Käytä annettua merkkijonoa edustamaan leikattua tekstiä.

Tekninen yksityiskohta

Oletusarvo: clip
Perinnäisyys: ei
Versio: CSS3
JavaScript-kirjainta: object.style.textOverflow="ellipsis"

Lisää esimerkkejä

Hover-efekti Text-overflow
Tämä esimerkki näyttää, miten kaikki teksti näytetään, kun osoitin liikkuu elementin päällä.

Selaimen tuki

Taulukossa olevat numerot mainitsevat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.

Luku -o- edustaa käyttöön otettua ensimmäistä versiota.

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