Belajar Teknik Overflow Pada CSS3

Halo teman teman disini kita sudah punya text yang panjang dimana lebar dan tinggi pembungkusnya tidak cukup lagi untuk menampung text yang panjang tersebut sesuai dengan teman teman lihat pada browser sebagai berikut

Untuk itu kita bisa mainkan teknik overflow. Pada css sebelumnya overflow sudah bisa kita gunakan tapi pada CSS3 ini kita bisa spesifik dengan mengatur overflow-x dan overflow-y. Teman teman bisa buat tag tag HTMLnya dulu seperti berikut

dan berikan lebar dan tinggi dengan css seperti ini

kita bisa mengatur tingginya atau disumbu y maka berikan overflow-y nilainya hidden misalnya kita mau sembunyikan text yang panjang tersebut.

jadi text yang lebih sudah bisa kita hilangkan. Jika teman teman ingin lebih keren lagi kita bisa berikan nilainya scroll

dimana user bisa melakukan scroll pada kontentnya untuk melihat kontent yang panjang tadi. Hasilnya seperti berikut

Itu dia teknik overflow pada css3 teman teman bisa dicoba coba. Semoga bermanfaat.

25 Juni 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 Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat