คุณสมบัติ Style columnFill
- หน้าก่อน columnCount
- หน้าต่อไป columnGap
- กลับไปยังชั้นบน HTML DOM Style 对象
คำนิยามและการใช้งาน
columnFill คุณสมบัติกำหนดวิธีการเติมคลอะไลน์ (เป็นการปรับเปรียบหรือไม่)
ดูเพิ่มเติม
ตัวอย่าง CSS3CSS หลายคอลัมน์
คู่มือ CSSคุณสมบัติ column-fill
ตัวอย่าง
กำหนดวิธีการเติมคลอะไลน์
document.getElementById("myDIV").style.columnFill = "balance";
สัญญาณ
กลับค่าคุณสมบัติ columnFill
object.style.columnFill
ตั้งคุณสมบัติ columnFill
object.style.columnFill = "balance|auto|initial|inherit"
ค่าของคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| balance | ค่าเริ่มต้น ควบคุมคลอะไลน์เพื่อให้สมดุล |
| auto | เติมคลอะไลน์โดยลำดับ ความยาวของคลอะไลน์จะแตกต่างกัน |
| initial | จะตั้งคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน โปรดดู initial。 |
| inherit | จะทำให้คุณสมบัตินี้ได้รับมาจากองค์ประกอบพ่อของเขา โปรดดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น： | balance |
|---|---|
| ค่าที่กลับมา： | ตัวอักษรสาย，แสดงถึงความเป็นตัวแทนขององค์ประกอบ คุณสมบัติ column-fill。 |
| CSS รุ่น： | CSS3 |
การสนับสนุนโปรแกรมบราวเซอร์
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 50.0 | 10.0 | 52.0 | 10.0 | 37.0 |
- หน้าก่อน columnCount
- หน้าต่อไป columnGap
- กลับไปยังชั้นบน HTML DOM Style 对象
