Sifat text-overflow CSS

Definisi dan penggunaan

Sifat text-overflow menentukan apa yang terjadi apabila teks melampaui elemen yang menyimpannya.

Lihat juga:

Panduan CSS3:Efek teks CSS3

Panduan HTML DOM:Sifat textOverflow

Contoh

Gunakan sifat text-overflow:

div.test
{
text-overflow:ellipsis;
}

Cuba sendiri

Terdapat contoh lebih banyak di bawah halaman.

Bahan penulisan CSS

text-overflow: clip|ellipsis|string;

Nilai sifat

Nilai Keterangan Pengujian
clip Potong teks. Pengujian
ellipsis Tunjukkan tanda pengecut untuk mewakili teks yang dipotong. Pengujian
string Gunakan string yang diberikan untuk mewakili teks yang dipotong.

Perincian teknologi

Nilai lalai: clip
Inheren: tidak
Versi: CSS3
Bahan penulisan JavaScript: object.style.textOverflow="ellipsis"

Contoh lebih banyak

Text-overflow dengan kesan hover
Contoh ini menunjukkan bagaimana seluruh teks ditunjukkan saat kursor bergerak ke atas elemen.

Pendukung pereka

Nombor dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini.

Nombor dengan -o- menunjukkan versi pertama yang digunakan dengan prefiks.

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