Top Banner
Dimensi & Overflow CSS
18

CSS Layouting #2 : Dimensi & Overflow

Feb 12, 2017

Download

Education

Sandhika Galih
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: CSS Layouting #2 : Dimensi & Overflow

Dimensi & OverflowCSS

Page 2: CSS Layouting #2 : Dimensi & Overflow

dimensiCSS

Page 3: CSS Layouting #2 : Dimensi & Overflow
Page 4: CSS Layouting #2 : Dimensi & Overflow

dimensi pada CSS

widthheight

Page 5: CSS Layouting #2 : Dimensi & Overflow

width & heightpx %

in, cm, mm, pt, pc

Page 6: CSS Layouting #2 : Dimensi & Overflow
Page 7: CSS Layouting #2 : Dimensi & Overflow

80% terhadap lebar body

Page 8: CSS Layouting #2 : Dimensi & Overflow

tetap 80% terhadap lebar body

Page 9: CSS Layouting #2 : Dimensi & Overflow

bagaimana jika dimensi dari <div>

lebih kecil daripada konten di dalamnya ?

Page 10: CSS Layouting #2 : Dimensi & Overflow
Page 11: CSS Layouting #2 : Dimensi & Overflow

solusi?

Page 12: CSS Layouting #2 : Dimensi & Overflow

overflowCSS

Page 13: CSS Layouting #2 : Dimensi & Overflow

overflow

visible auto

hidden scroll

Page 14: CSS Layouting #2 : Dimensi & Overflow

visiblenilai default: konten akan keluar jika tidak cukup

Page 15: CSS Layouting #2 : Dimensi & Overflow

autoakan memunculkan scroll jika dibutuhkan

Page 16: CSS Layouting #2 : Dimensi & Overflow

hiddenmenyembunyikan konten

Page 17: CSS Layouting #2 : Dimensi & Overflow

scrollselalu memunculkan scroll meskipun konten cukup