Fungsi Overflow-y:hidden pada CSS
Hallo teman-teman bertemu lagi di panduan Source Code Aplikasi, di panduan kali ini kita akan belajar mengenai jenis jenis overflow, di panduan kali ini kita akan belajar kegunaan overflow-y di CSS.
Guna dari overflow sendiri ialah bagi menyembunyikan, menampakkan, atau membangun scroll. Guna ini dapat dipakai pada objek teks ataupun gambar.
Nah mungkin bagi lebih jelasnya kita seketika saja praktekkan ya teman-teman.
Silahkan bikin file dan ketikan script berikut :
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div><p>
In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.
'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'
</p></div>
</body>
</html>
Apabila telah coba silahkan tambahkan script CSS berikut :
<style>
div {
width: 110px;
height: 110px;
border: 1px solid black;
}
</style>
Hasilnya akan tembus keluar dari div yang telah kita tentukan lebar dan tingginya :
Nah sekarang ini coba tambahkan properties berikut :
<style>
div {
width: 110px;
height: 110px;
border: 1px solid black;
overflow-y: hidden;
}
</style>
Karenanya hasilnya akan seperti berikut:
Guna dari si overflow-y yaitu menyembunyikan element secara vertical, gimana teman-teman??
Lumayan gampang kan,, oke lumayan dulu bagi panduan kali ini,semoga bermanfaat, terimakasih..
Sumber https://kursuswebsite.org
