css3列表相關屬性

2021-10-02 09:39:33 字數 1049 閱讀 7383

list-style : 這是 一 個復合屬性,使用該屬性可以同時指定 list-style-image 、 list-style-position、 list-style-type 三個屬性。

► iist-style-image: 該屬性用於指定作為列表項標記的。

► list-style-position: 該屬性用於指定列表項標記出現的位置。該屬性支援 outside (列表 項標記放在列表元素之外)和 inside(列表項標記放在列表元 素之內)兩個屬性值。

► list-style-type: 該屬性用千指定列表項標記的樣式。該屬性支待如下屬性 值。

• decimal: 阿拉伯數字。 預設值。

• disc: 實心圓 。

• circle: 空心圓 。

• square: 實心方塊。

• lower-roman: 小寫羅馬數字。

• upper-roman: 大寫羅馬數字 。

• lower-alpha: 小寫英文本母 。

• upper-alpha: 大寫英文本母 。

• none: 不使用專案符號 。

• cjk-ideographic: 淺白的表意數字。

• georgian: 傳統的喬治數字。

• lower-greek: 基本的希臘小寫字母。

• hebrew: 傳統的希伯萊數字。

• hiragana: 日文平假名字元。

• hiragana-iroha: 日文平假名序號 。

• katakana: 日文片假名字元。

• katakana-iroha: 日文片假名序號。

• lower-latin: 小寫拉丁字母。

• upper-latin: 大寫拉丁字母 。

如果為每個元素同時指定了列表項標記 ( list-style-image) 和列表項標記樣式 ( list-style-type), 此時 list-style-image 屬性將會覆蓋 list-style-type 屬性。

我是

列表

css列表相關屬性

1.list style image 自定義專案符號,允許指定乙個外部圖示檔案,以滿足個性化設計需求 2.list style position 定義專案符號的顯示位置,改屬性值包括outside和inside,其中outside表示把專案符號顯示在列表項的文字行以外,列表符號預設顯示為outsid...

css3 多列屬性

多列屬性 1 column count 屬性規定元素應該被分隔的列數 適用於 除table外的非替換塊級元素,table cells,inline block元素 屬性規定列之間的間隔大小 column gap 100px 效果和column gap預設效果對比 3 column rule 設定或檢...

css3列表布局

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