CSS สีเส้นคอลัมน์

Definition and usage

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

See also:

CSS3 tutorial:CSS3 หลายคอลัมน์

HTML DOM reference manual:columnRuleColor property

Example

Set the color rule between columns:

div {
  column-rule-color: #ff0000;
}

Try it yourself

There are more examples at the bottom of the page.

CSS syntax

column-rule-color: color;

Attribute value

Value Description
color กำหนดกฎสี ค่าสี CSS。

Technical details

Default value: black
Inheritance: no
Version: CSS3
JavaScript syntax: object.style.columnRuleColor="#ff00ff"

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

Column-count
แบ่งข้อความของ element div ในสามคอลัมน์
Column-gap
แบ่งข้อความของ element div ในสามคอลัมน์ และช่องว่างระหว่างคอลัมน์ 30 pixel
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