Hai teman-teman semuanya, apa kabar, semoga tetap dalam keadaan sehat, kita lanjut lagi belajarnya, kali ini kita akan belajar salah satu properti css yang berfungsi untuk membagi kolom pada website yang akan kita bahas pada tutorial kali ini yang berjudul membagi kolom dengan fungsi colomn-count pada css.

Teman-teman mungkin sudah lumrah dengan teknik pembagian kolom pada website, yups yang kita tau teknik pembagian kolom atau multi kolom pada website kita bisa menggunakan propertis float pada css untuk membagi kolom, nah disini saya akan mengajarkan bagaimana cara membagi kolom dengan Propertis colomn-count pada css.

Untuk fungsinya tadi saya sudah jelaskan sekarang kita lanjut saja pada prakteknya, silahakan teman-teman buat sebuah file dan ketikan script berikut ini:

Script diatas saya membuat sebuah div dimana didalam divĀ  ini saya menyisipkan 3 buat paragraf didalamnya, nah jika sudah teman-teman bisa save file tersebut lalu jalankan pada browser hasilnya akan seperti ini :

membagi kolom dengan fungsi colomn-count pada css 1

hasilnya masih seperti biasa, nah sekarang coba teman-teman tambahkan script css berikut ini:

Jika teman-teman save maka hasilnya akan seperti berikut ini:

membagi kolom dengan fungsi colomn-count pada css 2

Kolom akan terbagi menjadi 3. Gimana teman-teman cukup mudah bukan? saya rasa untuk tutorial kali ini tentang membagi kolom dengan fungsi colomn-count pada css cukup sampai disini dulu, sampai bertemu lagi pada tutorial berikutnya.

Terima kasih.