CSS3 列表邊框column rule

2021-09-24 20:32:55 字數 662 閱讀 5541

column-rule主要是用來定義列與列之間的邊框寬度、邊框樣式和邊框顏色。簡單點說,就有點類似於常用的border屬性。但column-rule是不占用任何空間位置的,在列與列之間改變其寬度不會改變任何列的位置。

語法規則:

column-rule:||
取值說明:

屬性值屬性值說明

column-rule-width

column-rule-style

類似於border-style屬性,主要用來定義列邊框樣式,其預設值為「none」。column-rule-style屬性值與border-style屬值相同,包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。

column-rule-color

類似於border-color屬性,主要用來定義列邊框顏色,其預設值為前景色color的值,使用時相當於border-color。column-rule-color接受所有的顏色。如果不希望顯示顏色,也可以將其設定為transparent(透明色)

例如:為了能有效區分欄目列之間的關係,可以為其設定乙個列邊框,**為:

column-rule: 2px dotted green;

css3列表布局

css3多列布局 css多列屬性 屬性描述 column count 指定元素應該被分割的列數。column fill 指定如何填充列 column gap 指定列與列之間的間隙 column rule 所有 column rule 屬性的簡寫 column rule color 指定兩列間邊框的顏...

css 科技 邊框 CSS3 邊框

css3 邊框 css3 邊框 通過 css3,您能夠建立圓角邊框,向矩形新增陰影,使用來繪製邊框 並且不需使用設計軟體,比如 photoshop。在本章中,您將學到以下邊框屬性 border radius box shadow border image 瀏覽器支援 internet explore...

css 科技 邊框 CSS3 邊框

css3 邊框 css3 邊框 通過 css3,您能夠建立圓角邊框,向矩形新增陰影,使用來繪製邊框 並且不需使用設計軟體,比如 photoshop。在本章中,您將學到以下邊框屬性 border radius box shadow border image 瀏覽器支援 internet explore...