Pada pertemuan yang lalu kita telah mempelajari tentang display. Dan saat ini kita akan mempelajari tentang 2 Dimensi dan overflow. Sebernya pada pertemuan sebelumnya kita sudah mempelajari tentang 2 Dimensi. Apa saja sih 2 Dimensi itu. 2 Dimensi itu terdiri dari:
- Width : Lebar, dan
- Height : Tinggi
Satuan yang biasanya di gunakan untuk 2 Dimensi antara lain adalah:
- px (pixel),
- % (persen)
Contohnya yaitu:
Overflow adalah cara kita untuk mengatur element yang keluar dari dimensinya. contohnya yang seperti ini:
Dan cara kita untuk memperbaikinya adalah dengan memberikan overflow. Ada 4 value pada overflow yaitu:
- visible
- auto
- hidden
- scroll
- visible
Visible artinya apabila ada konten yang keluar dari parentnya dia akan diperlihatkan. Contohnya yaitu sebagai berikut:
2. auto
Auto artinya jika ada konten yang keluar dari parentnya maka akan di tambahkan scroll untu mempermudah melihatnya. contohnya sebagai berikut:
codenya sebagai berikut:
Dan hasilnya adalah sebagai berikut:
Lihat dengan teliti sudah ada tombol scroll nya bukan. Artinya kita telah berhasil.???. Misalkan kontennya cukup maka tidak akan ada tombol scroll.
3. Hidden
Hidden artinya apabila kontennya melewati parent nya maka konten selanjutnya tidak akan di tampilkan. Contohnya sebagai berikut:
4. scroll
Scroll ini sama seperti auto bedanya adalah apabila kontennya cukup tetap akan di munculkan tombol scroll nya. Contohnya sebagai berikut:
Apabila kontennya lebih:
Jika kontennya cukup:
Sekian terima kasih
baca juga lainnya di website Dhuo Creative.
baca juga tentang semangat menjadi programmer.
