คุณสมบัติคอลัมน์ CSS3
ตัวอย่าง
ระบุความกว้างและจำนวนคอลัมน์:
div
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
{
columns:100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
ลอง»
ในด้านล่างของหน้านี้ตัวอย่างมากขึ้น
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก
属性 | |||||
---|---|---|---|---|---|
columns | 50.0 4.0 -webkit- |
10.0 | 9.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit- 11.1 |
แอตทริบิวต์คำจำกัดความและคำแนะนำ
คอลัมน์คุณสมบัติเป็นที่พักชวเลขการตั้งค่าความกว้างของคอลัมน์และจำนวนคอลัมน์
เริ่มต้น: | รถยนต์อัตโนมัติ |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | .style.columns วัตถุ = "100px 3" |
ไวยากรณ์
คอลัมน์: คอลัมน์ความกว้างของคอลัมน์นับ;
ความคุ้มค่า | ลักษณะ |
---|---|
คอลัมน์กว้าง | ความกว้างของคอลัมน์ |
คอลัมน์นับ | จำนวนคอลัมน์ |
ตัวอย่างเพิ่มเติม
คอลัมน์นับ
องค์ประกอบข้อความ div เป็นสามคอลัมน์
คอลัมน์ช่องว่าง
ข้อความในส่วน div เป็นสามคอลัมน์และระบุช่องว่างระหว่างคอลัมน์ของ 30 พิกเซล
คอลัมน์กฎ
กฎระบุระหว่างคอลัมน์: ความกว้างของรูปแบบและสี
บทความที่เกี่ยวข้อง
กวดวิชา CSS3: CSS3 หลายคอลัมน์