CSS3 Multiple Columns (AW)

Halo, kembali dengan saya Andi William.
Kali ini saya akan menjelas tentang CSS3 Multiple Columns.

Multiple Columns ini berfungsi untuk membagi text didalam suatu paragraf layaknya koran elektronik.

Di Multiple Columns terdapat 7 property dengan value yang berbeda-beda, antara lain :

1. column-count
column-count adalah jumlah pembagian column, column-count diisi dengan value berupa angka. contoh pemakaiannya :
     
2. column-gap
column-gap digunakan untuk menentukan jarak antar column, contoh value seperti 10px, 1em, dll. contoh pemakaiannya :
    
3. column-rule
column-rule digunakan untuk memberikan garis diantara column, property ini diisi dengan value seperti kita membuat border
contohnya : 1px solid black;
column-rule dapat diuraikan menjadi 3 bagian yaitu, column-rule-style, column-rule-width, column-rule-color contoh pemakaiannya :
 
• column-rule-style
column-rule-style digunakan untuk menetapkan model garis pada column-rule contohnya: solid, dotted, double, dll.
contoh pemakaiannya :

  
• column-rule-width
column-rule-width digunakan untuk menetapkan lebar garis pada column-rule contohnya: 1px, 2em, 6vh, dll.
contoh pemakaiannya :
  
 
• column-rule-color
column-rule-color digunakan untuk menetapkan warna garis pada column-rule contohnya: red, black, white, brown, dll.
column-rule-color juga dapat diisi dengan value warna RGB, HSL, dan Hexa
contoh pemakaiannya :
              
 

Sekian dari saya tentang CSS3 Multiple Column, Semoga Bermanfaat Sampai Jumpa Lagi.

--Andi William--