CSS3 คุณสมบัติคอลัมน์เติม
ตัวอย่าง
ระบุวิธีการกรอกคอลัมน์:
div
{
คอลัมน์เติมอัตโนมัติ
}
{
คอลัมน์เติมอัตโนมัติ
}
ในด้านล่างของหน้านี้ตัวอย่างมากขึ้น
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์ครั้งแรกเพื่อรองรับจำนวนวิธีรุ่น
属性 | |||||
---|---|---|---|---|---|
column-fill | 不支持 | 不支持 | 13.0 -moz- | 不支持 | 不支持 |
แอตทริบิวต์คำจำกัดความและคำแนะนำ
คอลัมน์เติมระบุวิธีการกรอกคอลัมน์แอตทริบิวต์
เริ่มต้น: | สมดุล |
---|---|
มรดก: | ไม่ |
เวอร์ชัน: | CSS3 |
ไวยากรณ์ javascript: | วัตถุ .style.columnFill = "อัตโนมัติ" |
ไวยากรณ์
column-fill: balance|auto;
ความคุ้มค่า | คำอธิบาย |
---|---|
สมดุล | ความสมดุลระยะเวลาในคอลัมน์ เบราว์เซอร์ควรลดความยาวของการเปลี่ยนแปลงคอลัมน์ |
รถยนต์ | กรอกลำดับคอลัมน์พวกเขาจะมีความยาวแตกต่างกัน |
ตัวอย่างเพิ่มเติม
คอลัมน์นับ
องค์ประกอบข้อความ div เป็นสามคอลัมน์
คอลัมน์ช่องว่าง
ข้อความในส่วน div เป็นสามคอลัมน์และระบุช่องว่างระหว่างคอลัมน์ของ 30 พิกเซล
คอลัมน์กฎ
กฎระบุระหว่างคอลัมน์: ความกว้างของรูปแบบและสี
บทความที่เกี่ยวข้อง
กวดวิชา CSS3: CSS3 หลายคอลัมน์