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

4 April 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat