Mengenal Properties Column-Rule Pada CSS3

Hallo teman-teman, apa kabar? kita balik lagi di panduan Source Code Aplikasi, di panduan kali ini kita akan membahas pembahasan berikutnya dari properties column di CSS3,

kalau kemarin kita telah belajar column-count dan column-gap dimana column-count berfungsi bagi membagi konten disatu area menjadi beberapa kolom dan column-gap berfungsi bagi memberikan jarak atar kolom yang telah kita untuk sebelumnya, di pembahasan kali ini kita akan membahas Mengenal Properties Column-Rule Di CSS3.

column-rule sendiri mempunyai beberapa pembagian lagi, ada column-rule-width, column-rule-style dan column-rule-color, nah penulisan dari column-rule ini dapat kita jadikan pada satu pemanggilan nilai seperti halnya border, contoh penulisan script column-rule yaitu selaku berikut:

div {
  column-rule-width: 1px;
  column-rule-style: solid;
  column-rule-color: #000;
  }

script diatas yaitu contoh penulisan macam-macam column-count ketika kita menuliskan scriptnya satu per satu,, atau dapat pun memanggilnya secara seketika dengan satu script, contoh penulisan script secara langsungnya yaitu seperti berikut:

div {
  column-rule:1px solid #ccc;
}

Penjelasan dari script diatas ialah, saya merancang pengaturan column-rule dengan ketebalan 1px dan tipenya solid dengan warna #ccc yang berarti abu-abu.

oke teman-teman lumayan sekianlah dulu penjelasan mengenai mengenal properties column-rule di CSS3, semoga bermanfaat.

terimakasih.

Sumber https://kursuswebsite.org