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

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

ตัวอย่าง

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

div
{
คอลัมน์กฎสไตล์: ด่างดวง;
-moz คอลัมน์กฎสไตล์: ด่างดวง; / * Firefox * /
-webkit คอลัมน์กฎสไตล์: ด่างดวง; / * Safari และ Chrome * /
}

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

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

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

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

属性
column-rule-style 50.0
4.0 -webkit-
10.0 2.0 -moz- 9.0
3.1 -webkit-
37.0
15.0 -webkit
11.1

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

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

เริ่มต้น: ไม่มีเลย
มรดก: ไม่
เวอร์ชัน: CSS3
ไวยากรณ์ javascript: วัตถุ .style.columnRuleStyle = "ประ"


ไวยากรณ์

คอลัมน์กฎสไตล์: ไม่มี | ซ่อน | จุด | ประ | ของแข็ง | คู่ | ร่อง | สัน | ภาพประกอบ | เริ่มแรก;

ความคุ้มค่า ลักษณะ
ไม่มีเลย ไม่มีกฎที่กำหนดไว้
ซ่อนเร้น ซ่อนกฎระเบียบที่กำหนดไว้
ด่างดวง กำหนดกฎจุด
ประ เส้นประที่มีการกำหนดกฎระเบียบ
ของแข็ง กำหนดกฎบรรทัดจริง
สอง กำหนดกฎคู่
ร่อง 3D ร่องกฎระเบียบที่กำหนดไว้ ผลกระทบนี้จะขึ้นอยู่กับความกว้างและสีค่า
สันเขา กำหนดกฎยับ 3D ผลกระทบนี้จะขึ้นอยู่กับความกว้างและสีค่า
สิ่งที่ใส่เข้าไป กฎภาพประกอบ 3 มิติที่กำหนดไว้ ผลกระทบนี้จะขึ้นอยู่กับความกว้างและสีค่า
การเริ่ม กฎระเบียบที่กำหนดไว้เริ่มแรก 3D ผลกระทบนี้จะขึ้นอยู่กับความกว้างและสีค่า


ตัวอย่าง

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

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

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

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


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

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

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