Display CSS

Setiap Tag pada HTML berada dalam sebuah kotak dan akan mengatur prilaku dari kotak dan setiap tag akan memiliki display default.

Jenis Display Pada CSS

1. inline : 

  • Tidak menambah baris baru
  • Lebar dan tinggi sebesar konten
  • Tidak dapat mengatur lebar dan tinggi elemen
  • Margin dan Padding hanya berpengaruh secara horizontal
Contoh Tag dengan elemen inline : 
b, stong, i, em, a, span, sub, sup, button, input, label, select, textarea

2. inline-block : 

  • Dirubah secara manual
  • Tidak menambah baris baru 
  • Tinggi dan lebar dapat diubah
3. block

  • Elemen menambah baris baru
  • Lebar sebesar parent
  • Dapat mengatur lebar dan tinggi
  • Dapat penyimpan Tag dengan display inline, inline-block dan block 
Contoh Elemen dengan Display Block 
h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, hr, div

4. none

  • Menghilangkan sebuah elemen


Labels: