คุณสมบัติ columns Style

คำนิยามและการใช้งาน

columns คุณสมบัติเป็นคุณสมบัติชัดเจนของ columnWidth และ columnCount。

ดูเพิ่มเติม:

ตัวอย่าง CSS3:CSS หลายคอลัมน์

คู่มือ CSS:คุณสมบัติ columns

ตัวอย่าง

แบ่งข้อความเป็นบรรทัดสาม ทุกบรรทัดอย่างน้อย 100 พิกเซล:

document.getElementById("myDIV").style.columns = "100px 3";

ลองทดลองเอง

ศัพท์

กลับค่าคุณสมบัติ columns:

object.style.columns

ตั้งค่าคุณสมบัติ columns:

object.style.columns = "auto|column-width column-count|initial|inherit"

ค่าคุณสมบัติ

ค่า คำอธิบาย
auto ค่าเริ่มต้น ตั้งค่าความกว้างของคอลัมน์เป็น "auto" และจำนวนคอลัมน์เป็น "auto"。
columnWidth ความกว้างของคอลัมน์
columnCount จำนวนคอลัมน์
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。
inherit จากตัวปลายทางขององค์ประกอบพ่อของมัน โปรดดู inherit。

รายละเอียดเทคโนโลยี

ค่าเริ่มต้น: auto auto
ค่าที่ได้รับ: ตัวแปรแบบข้อความ，ที่แสดงความหมายขององค์ประกอบ คุณสมบัติ columns。
CSS สัญญาณ: CSS3

เบราซเซอร์สนับสนุน

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0