column-count | Codingku

Properti CSS column-count memungkinkan kamu untuk meletakkan konten elemen dalam beberapa kolom dengan menentukan sejumlah kolom.

Browser akan menentukan lebar kolom berdasarkan ruang yang tersedia, kecuali jika kamu menentukan lebar yang tepat menggunakan properti column-width.

column-count dan column-width bisa diatur menjadi fleksibel dalam layout yang responsif.

CSS Syntax

column-count: number | auto | initial | inherit;

Javascript Syntax

object.style.columnCount=3

default column-count: auto;

Menghapus kolom apa pun dari elemen (kecuali properti kolom lainnya diatur).

column-count: 3;

Saat menggunakan nilai integer, elemen akan mendistribusikan elemen turunannya di sejumlah kolom yang ditentukan.