บทช่วยสอน คุณสมบัติ CSS3 คอลัมน์กฎสไตล์ ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ สนับสนุนเบราว์เซอร์,แอตทริบิวต์คำจำกัดความและคำแนะนำ,ไวยากรณ์,ตัวอย่างเพิ่มเติม,บทความที่เกี่ยวข้อง,
ระบุกฎสไตล์ระหว่างคอลัมน์:
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
ทันทีหลังจาก -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 หลายคอลัมน์