Atribut text-overflow CSS

Definisi dan penggunaan

Atribut text-overflow menentukan apa yang terjadi ketika teks melampaui elemen yang menampungnya.

Lihat pula:

Panduan CSS3:Efek teks CSS3

Panduan HTML DOM:Atribut textOverflow

Contoh

Menggunakan atribut text-overflow:

div.test
{
text-overflow:ellipsis;
}

Coba sendiri

Ada lagi contoh di bawah halaman.

Syntaks CSS

text-overflow: clip|ellipsis|string;

Nilai atribut

Nilai Deskripsi Pengujian
clip Potong teks. Pengujian
ellipsis Tampilkan tanda kutip untuk mewakili teks yang dipotong. Pengujian
string Gunakan string yang diberikan untuk mewakili teks yang dipotong.

Detil teknis

Nilai standar: clip
Inheren: tidak
Versi: CSS3
Syntaks JavaScript: objek.style.textOverflow="ellipsis"

Beberapa contoh lain

Text-overflow dengan efek hover
Contoh ini menunjukkan bagaimana cara menampilkan seluruh teks saat kursor bergerak ke atas elemen.

Dukungan browser

Angka dalam tabel menunjukkan versi browser pertama yang mendukung atribut ini.

Angka 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-