Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaaan baik,  kita lanjut lagi belajarnya, kemarin kita sudah belajar tentang bagai mana cara membagi kolom pada website dengan menggunakan column-count pada css, nah pada tutorial kali ini masih ada hubungannya dengan column-count, yang kita bahas kali ini adalah fungsi propertis column-rule-style pada css3.

Fungsi dari propertis column-rule-style adalah untuk membatasi kolom yang kita buat dengan menggunakan column-count, untuk lebih jelasnya kita langsung saja praktekkan, silahakan teman-teman buat sebuah file dan ketikan script berikut ini:

saya mengatur pengaturan css seperti tutorial kemarin, yaitu membuat 3 buah paragraf didalam sebuah div dan saya mengatur css seperti script diatas, maha hasilnya akan seperti berikut ini:

fungsi propertis column-rule-style pada css3 1

naha sekarang coba teman-teman tambahakan pengaturan css seperti ini:

jika script ini ditambahakan maka hasilnya akan seperti berikut ini:

fungsi propertis column-rule-style pada css3 2

colom yang kita bagi akan dibatasi oleh sebuah garis seperti halnya kita menggunakan border, dengan nilai dotted, untuk nilai teman-teman bisa ganti sesuai keinginan karena nilai didalam properti ini lumayan banyak.

Oke giaman teman-teman cukup mudah bukan? untuk tutorial kali ini tentang fungsi propertis column-rule-style pada css3 saya rasa cukup sampai disini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih.

 

WhatsApp chat