Fungsi Property CSS3 Text Overflow

Hallo teman-teman DUMET School, pada artikel saya kali ini saya akan menjelaskan fungsi property CSS3 Text Overflow. Text Overflow di dalam CSS3 berfungsi untuk memotong paragraph menjadi lebih sedikit dan kita juga bisa buat ketika kita arahkan kursor pada paragraph tersebut paragraph full nya baru akan muncul. Fungsi property CSS3 text overflow ini bisa kita gunakan jika kita ingin menampilkan paragraph tidak terlalu banyak di dalam content website kita. Untuk nilai property CSS text overflow ini ada 2 yaitu, Clip dan Ellipsis, nah di tutorial saya kali ini kita akan coba menggunakan nilai Ellipsis. Baik kita coba langsung saja ya teman-teman.

Pertama kalian bisa tuliskan HTML di bawah ini di text editor kalian masing-masing dan save dengan nama index.html.

Kemudian untuk CSS nya kalian bisa tuliskan seperti di bawah ini.

Maka hasilnya seperti berikut

See the Pen BKwXyb by Dumet_School (@dumet_school) on CodePen.

Download