Ban Deng: CSS OL リストのシリアル番号 style_html/css_WEB-ITnose

1つ。例

1. シリアル番号のカスタマイズ

一般的なリストの順序は 1.2.3. ですが、この時点では、主に CSS カウンタインクリメントを使用して、自分で定義する必要があります。セクションとサブセクションに番号を付けますが、問題は、ラップされたセクションを自動的にインデントできないことです。

2標準形式

[css]

プレーンコピーを表示

実行後:

2. CSS UL、ol、li スタイル

1. style-type 属性は、リスト項目のマークアップのタイプを設定します。

値:

円 | 10 進数 - 先頭の 10 進数 | ローマ字大文字 | ギリシャ語小文字 |ラテン文字 | 大文字のラテン語 アルメニア語の数字 | 小文字のアルファ文字 大文字のラテン文字 | 初期値: disc

2リスト項目のマークを置き換える

値:
list-style-image:none/url

3. list-style-position 属性は、リスト項目マークを配置する場所を設定します。 この属性は、リスト項目のコンテンツに対するリスト マークの位置を宣言するために使用されます。外側のフラグはリスト項目の境界線から一定の距離に配置されますが、この距離は CSS では定義されていません。内部フラグは、リスト項目のコンテンツの先頭に挿入されたインライン要素であるかのように扱われます。

値:
list-style-position: inside/outside

注: float が追加されるため、Outside が機能しない場合があります。

4.list-style 属性

list-style短縮プロパティは、1 つの宣言ですべてのリスト プロパティを設定します。

値:

li-style:list-style-type/list-style-image/list-style-position

注:

の追加により列番号が機能しない場合があります。解決策は、リストスタイルのポジションを変更することです。