บทช่วยสอน คุณสมบัติคอลัมน์ CSS3 ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,สนับสนุนเบราว์เซอร์,แอตทริบิวต์คำจำกัดความและคำแนะนำ,ไวยากรณ์,ตัวอย่างเพิ่มเติม,บทความที่เกี่ยวข้อง,

คุณสมบัติคอลัมน์ CSS3

ตัวอย่าง

ระบุความกว้างและจำนวนคอลัมน์:

div
{
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 หลายคอลัมน์

คุณสมบัติคอลัมน์ CSS3
10/30