Ada 2 property pada CSS yang digunakan untuk mengatur Dimensi pada elemen HTML kita, property-nya yaitu width dan height. Pada video ini, kita akan bahas bagaimana cara menggunakan property tersebut, dan juga unit / satuan apa saja yang dapat kita gunakan untuk mengatur width dan height-nya. Di video ini juga akan dibahas mengenai overflow, yaitu property CSS yang digunakan untuk mengatur perilaku sebuah elemen, ketika isi / konten nya melebihi tempat / parent nya. slide bantuan untuk video youtube: https://youtu.be/VkUSH3SIH0g

1. Dimensi & Overflow
CSS

2. dimensi
CSS

4. dimensi pada CSS
width
height

5. width & height
px
%
in, cm, mm, pt, pc

7. 80% terhadap lebar body

8. tetap 80% terhadap lebar body

9. bagaimana jika
dimensi dari <div>
lebih kecil daripada
konten di dalamnya ?

11. solusi?

12. overflow
CSS

13. overflow
visible
auto
hidden
scroll

14. visible
nilai default: konten akan keluar jika tidak cukup

15. auto
akan memunculkan scroll jika dibutuhkan

16. hidden
menyembunyikan konten

17. scroll
selalu memunculkan scroll meskipun konten cukup

18. spasibo.
sandhikagalih@unpas.ac.id