1. Rumah
  2. Properti kolom CSS3

Tutorial Properti kolom CSS3 Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari contoh,Dukungan Browser,Definisi atribut dan petunjuk,tatabahasa,contoh yang lebih,Artikel terkait,

Properti kolom CSS3

contoh

Menentukan lebar dan jumlah kolom:

div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}

Coba »
Di bagian bawah halaman ini untuk lebih banyak contoh.

Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.

Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.

属性
columns 50.0
4.0 -webkit-		 10.0 9.0 -moz- 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1

Definisi atribut dan petunjuk

Kolom properti adalah properti singkatan untuk mengatur lebar kolom dan jumlah kolom.

default: auto auto
warisan: tidak
versi: CSS3
sintaks JavaScript: objek .style.columns = "100px 3"

tatabahasa

kolom: kolom-kolom lebar-count;

nilai deskripsi
Kolom-lebar lebar kolom
Kolom-count Jumlah kolom

contoh

contoh yang lebih

Kolom-count
Teks elemen div menjadi tiga kolom.

Kolom-gap
Teks dalam elemen div menjadi tiga kolom, dan menentukan kesenjangan antara kolom dari 30 pixel.

Kolom-aturan
Aturan menentukan antara kolom: lebar, gaya dan warna.

Artikel terkait

CSS3 tutorial: CSS3 Beberapa Kolom

Tutorial Panas

Hubungi kami

Properti kolom CSS3
10/30