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

CSS3 คุณสมบัติคอลัมน์ช่วง

ตัวอย่าง

การตั้งค่าทั้งหมดช่วง H2 องค์ประกอบ

h2
{
column-span:all;
-webkit-column-span:all; /* Safari and Chrome */
}

ลอง»
ในด้านล่างของหน้านี้ตัวอย่างมากขึ้น

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

ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน

ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก

属性
column-span 50.0
4.0 -webkit-
10.0 Not supported 9.0
3.1 -webkit-
37.0
15.0 -webkit-
11.1

แอตทริบิวต์คำจำกัดความและคำแนะนำ

คุณสมบัติคอลัมน์ช่วงระบุจำนวนคอลัมน์องค์ประกอบควรครอบคลุม

เริ่มต้น: 1
มรดก: ไม่
เวอร์ชัน: CSS3
ไวยากรณ์ javascript: วัตถุ .style.columnSpan = "ทุกคน"


ไวยากรณ์

คอลัมน์ช่วง: 1 | ทั้งหมด

描述
1 元素应跨越一列
all 该元素应该跨越所有列


ตัวอย่าง

ตัวอย่างเพิ่มเติม

คอลัมน์นับ
องค์ประกอบข้อความ div เป็นสามคอลัมน์

คอลัมน์ช่องว่าง
ข้อความในส่วน div เป็นสามคอลัมน์และระบุช่องว่างระหว่างคอลัมน์ของ 30 พิกเซล .

คอลัมน์กฎ
กฎระบุระหว่างคอลัมน์: กว้างสไตล์และสี


บทความที่เกี่ยวข้อง

กวดวิชา CSS3: CSS3 หลายคอลัมน์

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