CSS ความกว้างแบบแฟรมคอลัมน์

Definition and usage

The column-rule-width property specifies the width rule between columns.

See also:

CSS3 tutorial:CSS3 การจัดเรียงลำดับ

HTML DOM reference manual:columnRuleWidth property

Example

Set the color rule between columns:

div {
  column-rule-width: 10px;
}

Try it yourself

There are more examples at the bottom of the page.

CSS syntax

column-rule-width: thin|medium|thick|length;

Attribute value

Value Description Test
thin Define thin rule Test
medium Define medium rule Test
thick Define the width of the rule Test
length Specifies the width of the rule Test

Technical details

Default value: medium
Inheritance: no
Version: CSS3
JavaScript syntax: object.style.columnRuleWidth="thin"

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

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

การสนับสนุนโปรแกรมนี้

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

ตัวเลขที่มี -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