Hallo teman-teman, apa kabar? kita balik lagi pada tutorial dumet school, pada tutorial kali ini kita akan membahas pembahasan selanjutnya dari properties column pada CSS3,
kalau kemarin kita telah belajar column-count dan column-gap dimana column-count berfungsi untuk membagi konten disatu area menjadi beberapa kolom dan column-gap berfungsi untuk memberikan jarak atar kolom yang sudah kita bagi sebelumnya, pada pembahasan kali ini kita akan membahas Mengenal Properties Column-Rule Pada CSS3.
column-rule sendiri memiliki beberapa pembagian lagi, ada column-rule-width, column-rule-style dan column-rule-color, nah penulisan dari column-rule ini bisa kita jadikan dalam satu pemanggilan nilai seperti halnya border, contoh penulisan script column-rule adalah sebagai berikut:
div {
column-rule-width: 1px;
column-rule-style: solid;
column-rule-color: #000;
}
script diatas adalah contoh penulisan macam-macam column-count ketika kita menuliskan scriptnya satu per satu,, atau bisa juga memanggilnya secara langsung dengan satu script, contoh penulisan script secara langsungnya adalah seperti berikut:
div {
column-rule:1px solid #ccc;
}
Penjelasan dari script diatas ialah, saya membuat pengaturan column-rule dengan ketebalan 1px dan tipenya solid dengan warna #ccc yang berarti abu-abu.
oke teman-teman cukup sekian dulu penjelasan tentang mengenal properties column-rule pada CSS3, semoga bermanfaat.
terimakasih.