CSS ความหนาแน่นเส้นต่อคอลัมน์

คำแนะนำหลักสูตร

รายละเอียดและวิธีใช้

คุณสมบัติ column-rule คือคุณสมบัติย่อที่ใช้เพื่อตั้งค่าทั้งหมดของคุณสมบัติ column-rule-*

คุณสมบัติ column-rule กำหนดกฎระหว่างคอลัมน์ในเชิงกว้าง รูปแบบและสี

ดูเพิ่มเติมCSS3 หลายคอลัมน์

การเรียนรู้ CSS3คู่มือ HTML DOM

คุณสมบัติ columnRule

ตัวอย่าง

กำหนดกฎระหว่างคอลัมน์ในเชิงกว้าง รูปแบบและสี
div
{
column-rule:3px outset #ff00ff;

}

ลองทดสอบด้วยตัวเอง

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

ระบบการเขียน CSS รายละเอียด ตั้งค่ากฎความกว้างระหว่างคอลัมน์ column-rule-colorcolumn-rule:

;

ค่าของรายละเอียด ค่า
รายละเอียด column-rule-width
ตั้งค่ากฎความกว้างระหว่างคอลัมน์ column-rule-style
column-rule-color ตั้งค่ากฎรูปแบบระหว่างคอลัมน์

ตั้งค่ากฎระหว่างคอลัมน์

รายละเอียดเทคนิค ค่าเริ่มต้น:
เชิงมีมีตัวเลือก: medium none black no
เวอร์ชั่น: CSS3
ระบบการเขียน JavaScript: object.columnRule="3px outset #ff00ff"

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

Column-count
แบ่งข้อความขององค์ประกอบ div ในสามคอลัมน์
Column-gap
แบ่งข้อความขององค์ประกอบ div ในสามคอลัมน์ และจัดให้มีช่องว่างระหว่างคอลัมน์ 30 พิกเซล

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางระบุเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้ทั้งหมด

ตัวเลขที่มี -webkit- หรือ -moz- แสดงว่าเป็นเวอร์ชั่นแรกที่ใช้รหัสสำหรับหลักฐาน

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1