CSS size adalah property CSS yang digunakan untuk mengatur ukuran pada suatu element

Ada beberapa property size yaitu

• width
• height
• max-width
• min-width
• max-height
• min-height

div {
  /* Penjelasan */
  /* property width : digunakan untuk mengatur lebar */
  /* Satuan yang biasa digunakan px atau % */
  width: 100px;
}

Contoh memakai persentase (%)

div {
  width: 100%;
}

div {
  /* Penjelasan */
  /* Property height : digunakan untuk mengatur tinggi  */
  /* Satuan yang biasa digunakan px atau % */
  height: 50px;
}

Contoh memakai persentase (%)

div {
  height: 50%;
}

div {
  max-width: 200px;
}

Jadi ketika layar lebih dari besar 200px maka, element di dalamnya akan secara otomatis mengubah tinggi element.

div {
  min-width: 500px;
}

Jadi ketika layar kurang dari 500px maka, element di dalamnya akan menyesuaikan ke bawah. Jika lebih dari 500px, makamin-width tidak bekerja.

div {
  max-height: 60px;
}

Jadi ketika konten/element lebih besar dari 60px, maka element/konten akan menyesuaikan layarnya. biasanya property ini digunakan bersama dengan property overflow agar terlihat lebih bagus.

div {
  min-height: 200px;
}

Jadi ketika element lebih kecil dari 200px, maka element akan menyesuaikan ke bawah.