(CSS) Fungsi OVERFLOW
Kang Ismet
OVERFLOW sering digunakan dalam kode CSS. Fungsi dari overflow adalah untuk menyembunyikan, menampakkan, atau membuat scroll. Fungsi ini bisa diterapkan dalam objek teks ataupun gambar.
Pada objek tertentu, baik posting atau widget, kadang kadang ada yang memakan tempat ke pinggir atau ke bawah. Supaya objek tersebut muncul sesuai dengan yang kita kehendaki, maka digunakan syntax overerflow.
Penggunaan kode ini ada beberapa alternatif, yaitu:
background-color : warna latar belakang
border : warna garis pinggir
padding : jarak dari pinggir garis ke objek
width : lebar
height : tinggi
overflow : silahkan pilih auto, scroll, hidden atau display sesuai kebutuhan.
Hasil overflow:auto
Hasil overflow:scroll
Hasil overflow:hidden
Hasil overflow:display
Apabila ada pertanyaan atau saran mengenai Fungsi Overflow, silahkan isi kolom komentarnya gan...
Pada objek tertentu, baik posting atau widget, kadang kadang ada yang memakan tempat ke pinggir atau ke bawah. Supaya objek tersebut muncul sesuai dengan yang kita kehendaki, maka digunakan syntax overerflow.
Penggunaan kode ini ada beberapa alternatif, yaitu:
overflow:scrolloverflow:autooverflow:hiddenoverflow:display
<div style="background-color:#FBFBFB; border:1px solid #D2D2D2; padding:10px; width:400px; height:100px; overflow:auto;">
teks atau gambar di sini</div>background-color : warna latar belakang
border : warna garis pinggir
padding : jarak dari pinggir garis ke objek
width : lebar
height : tinggi
overflow : silahkan pilih auto, scroll, hidden atau display sesuai kebutuhan.
Hasil overflow:auto
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Hasil overflow:scroll
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Hasil overflow:hidden
Hasil overflow:display
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Contoh teks disini, atau bisa di isi gambar. silahkan pilih opsi overflow sesuai kebutuhan anda. Begitu juga warna latar belakang, garis pinggir dan jarak, sesuaikan sesuai yang anda inginkan.
Apabila ada pertanyaan atau saran mengenai Fungsi Overflow, silahkan isi kolom komentarnya gan...
Info yang sangat bermanfaat... makasih kang
Sama2 sob... enjoy blogging :)
keren gan...thanks yaa....
mantabb..
sama2 sob.. sering berkunjung ya... :)
bedanya apa kang?
coba liat lagi 4 contoh di atas... :)
makasih kang....sangat membantu buat saya yang baru belajar css
thanks gan. penjelasannya sangat mudah dimengerti
tepat banget kangismet...bagi-bagi infonya ya,... trims
thanks infonya bang...
kalo boleh request: cara men-copy template website lain
gak ada mas codenya..
btw, ini contoh demo template yang saya pake. ponselgames.blogspot.com
maaf jika saya udah naruh link, nanti kalau sudah mas bisa hapus komentar sy yg ini.
terima kasih bantuannya
terima kasih mas, menambah wawasan saya tenteng css. . . :)
makasih kang artikelnya,,, nambah pngetahuan lg nih tntang css :D
Rental Mobil Palembang
ok kang, masalahnya sdh teratasi....