Hallo sahabat…
Apa kah sahabat tahu bahwa CSS3 memiliki fitur Multiple Kolom? Apa itu Multiple Kolom? Dan digunakan untuk apa?
Pasti sahabat pernah membaca koran bukan? Coba perhatikan bagian arikelnya yang berisi tulisan-tulisan yang terbagi beberapa kolom. Nah inilah fungsi dari Multiple Kolom. Kita tidak perlu membuat sebuah table lagi untuk membagi paragraph menjadi beberapa kolom.
Adapun parameter yang bisa kita gunakan saat membuat multiple kolom yaitu:
1. column-count
2. column-gap
3. Column-rule
Column-count berfungsi untuk menentukan jumlah kolom yang akan kita buat, column-gap berfungsi untuk memperlebar jarak antar kolom, dan column-rule berfungsi untuk menambahkan garis diantara kolom.
Baiklah, untuk mempermudah sahabat dalam memahaminya, kita langsung praktikan saja. Silahkan sahabat buat sebuah div dengan class=”column” di file .html yang di dalamnya berisi tulisan. Misalnya seperti ini.
Setelah itu ketikkan kode CSS nya sebagai berikut.
Kemudian, silahkan sahabat jalankan file .html nya di browser, maka hasilnya akan seperti gambar di bawah ini.
Mudah sekali bukan? Selamat mencoba dan sampai jumpa di tutorial selanjutnya. :)
0 komentar:
Posting Komentar