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