Membuat kode CSS untuk overflow
Overflow berguna
untuk membatasi ruangan terhadap content agar tampilan web tidak memanjang
kebawah. Kode overflow ini hampir sama fungsi dengan kode html textarea, supaya
lebih detail penulis akan membahas cara penggunaannya. Jika dilihat dari nilai
overflow tersebut, overflow terbagi atas 4 nilai yaitu :
1.
Auto
Untuk
membentuk iframe yang memiliki scroll secara vertical maupun horizontal jika
konten melebihi batas, berikut kodenya :
#
konten {
Overflow : auto ;
Wight : 100 px ;
)
2.
Scroll
Sama
fungsi seperti nilai auto hanya saja frame scroll akan selalu terlihat meskipun
isi konten tidak melebihi batas.
#konten{
Overflow : scroll ;
Widht : 100 px ;
}
3.
Hidden
Sudah
jelas hidden berarti menghilangkan, logisnya frame tidak diperlihatkan walaupun
konten melebihi batas overflow
#
hidden {
Overflow : hidden ;
height : 100 px ;
}
4.
Visible
Kebalikan
dari hidden, frame terlihat jika konten melebihi batas overflow
#
konten {
Overflow : visible ;
height : 100 px ;
}
Untuk lebih jelasnya
praktekkan saja biar mengerti selebihnya selamat mencoba !!
