CSS多列、使用者介面屬性

標籤：使用者   顯示   大小   dash   gap   bsp   size   das   樣式   

　　CSS多列

常用屬性：

column-count 分幾列

column-gap 列間距

column-rule 列分割線的樣式（寫法和border一樣）

例如：

一個div分三列，列之間間距為10px，分割線為（可以不設定）5像素紅色實線這樣寫

<style>

　　div{column-count:3;

　　　　column-gap:10px;

　　　　column-rule:5px solid red;

　　　　}

</style>

寫此樣式要加首碼

column-rule  

寬度:可選值有thin（細邊框）、medium（中等邊框）、thick（粗邊框）、也可以指定數值

樣式:可選值有hidden（隱藏）。dotted（點狀）。dashed（虛線）、solid（實線）、double（雙線）

 

CSS中的使用者介面相關屬性

resize：調整尺寸

box-sizing：方框調整大小

顯示如下：

 

CSS多列、使用者介面屬性