ホームページ > 記事 > ウェブフロントエンド > CSS リスト property_html/css_WEB-ITnose
CSS リスト:
property | description |
list-style | 略語属性。 1 つの宣言でリストのすべてのプロパティを設定するために使用されます。 |
list-style-image | リスト項目のロゴとして画像を設定します。 |
list-style-position | リスト内のリスト項目フラグの位置を設定します。 |
list-style-type | リスト項目フラグのタイプを設定します。 |
marker-offset |
|
1. リストタイプ: list-style-type 属性
(1) 機能: リストに使用されるマーカータイプを変更します。アイテム
( 2) 可能な値:
値 | 説明 |
none | タグはありません。
|
ディスク
| デフォルト。マーカーは塗りつぶされた円です。
|
circle
| マークは白抜きの円です。
|
square
| マークは実線の正方形です。
|
10 進数
| マーカーは数字です。
|
小数点先行ゼロ
| 0 から始まる番号マーカー。 (01、02、03 など)
|
小文字ローマ数字
| 小文字のローマ数字 (i、ii、iii、iv、v など)
|
| 大文字 マーカーは下位アルファ (a、b、c など)
|
上位アルファ | マーカーは上位アルファ (A、B、C など) 、など) |
小ギリシャ文字 | ギリシャ小文字 (アルファ、ベータ、ガンマなど) |
小ラテン | ラテン文字の小文字 (a、b、 c など) |
大ラテン文字 | 大文字のラテン文字 (A、B、C など) |
ヘブライ語 | 伝統的なヘブライ語の番号付け |
アルメニア語 | 伝統的なアルメニア語の番号付け |
ジョージア語 | 伝統的なグルジア語の番号付け (an、ban、gan など) |
cjk-表意文字 | シンプルな表意文字の数字 |
ひらがな | マークは: a、i、u、e、o、ka、ki お待ちください。 (カタカナ) |
カタカナ | マークは、A、I、U、E、O、KA、KI などです。 (カタカナ) |
hiragana-iroha | マークは、い、ろ、は、に、ほ、へ、となどです。 (カタカナ) |
カタカナいろは | マークは、「い」「ろ」「は」「に」「ほ」「へ」「と」などです。 (カタカナ) |
(3) ブラウザのサポート: すべてのブラウザが list-style-type 属性をサポートします。 |
追記:どのバージョンの Internet Explorer (IE8 を含む) も、属性値「10 進数先行ゼロ」、「小ギリシャ語」、「小ラテン」、「大ラテン」をサポートしていません。 「、アルメニア語」、「グルジア語」、または「継承」。 |
2. リスト項目の画像: list-style-image 属性 (1) 機能: リスト項目のマークを画像で置き換えます。
(2) 可能な値:Value
| URL 画像へのパス。 | |||||||
なし | デフォルト。グラフィックは表示されません。 | |||||||
inherit | list-style-image 属性の値を親要素から継承することを指定します。 | |||||||
(3) ブラウザのサポート: すべてのブラウザは list-style-image 属性をサポートします。 追記: 画像が利用できない場合に備えて、常に「list-style-type」属性を指定してください。
3. リストマークの位置: list-style-position 属性 (1) 機能: リスト項目マークを配置する場所を設定します (2) 可能な値:
4. 短縮されたリスト スタイル: list-style 属性 (1) 機能: 1 つのステートメントですべてのリスト属性を設定します。 (2) 順序: タイプ、位置、イメージ
値。 -style は任意の順序でリストでき、これらの値は無視できます。 1 つの値が指定されている限り、他の値はデフォルト値で埋められます。 |