ホームページ  >  記事  >  ウェブフロントエンド  >  CSS リスト property_html/css_WEB-ITnose

CSS リスト property_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:49:511646ブラウズ

CSS リスト:

property

description

list-style

略語属性。 1 つの宣言でリストのすべてのプロパティを設定するために使用されます。

list-style-image

リスト項目のロゴとして画像を設定します。

list-style-position

リスト内のリスト項目フラグの位置を設定します。

list-style-type

リスト項目フラグのタイプを設定します。

marker-offset

1. リストタイプ: list-style-type 属性

(1) 機能: リストに使用されるマーカータイプを変更します。アイテム

( 2) 可能な値:

ローマ字ごと大文字 マーカーは下位アルファ (a、b、c など)

説明

none

タグはありません。

ディスク

デフォルト。マーカーは塗りつぶされた円です。

circle

マークは白抜きの円です。

square

マークは実線の正方形です。

10 進数

マーカーは数字です。

小数点先行ゼロ

0 から始まる番号マーカー。 (01、02、03 など)

小文字ローマ数字

小文字のローマ数字 (i、ii、iii、iv、v など)

上位アルファ

マーカーは上位アルファ (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

Description

URL

画像へのパス。

なし

デフォルト。グラフィックは表示されません。

inherit

list-style-image 属性の値を親要素から継承することを指定します。

(3) ブラウザのサポート: すべてのブラウザは list-style-image 属性をサポートします。

追記: 画像が利用できない場合に備えて、常に「list-style-type」属性を指定してください。

3. リストマークの位置: list-style-position 属性

(1) 機能: リスト項目マークを配置する場所を設定します

(2) 可能な値:

説明

inside

リスト項目のタグがテキストの内側に配置され、周囲のテキストがタグに従って配置されます。

外側

デフォルト値。マークはテキストの左側に置いてください。リスト項目タグがテキストの外側に配置され、周囲のテキストがタグに従って整列されません。

inherit

list-style-position 属性の値を親要素から継承することを指定します。

(3) ブラウザのサポート: すべてのブラウザは list-style-position 属性をサポートします。

4. 短縮されたリスト スタイル: list-style 属性

(1) 機能: 1 つのステートメントですべてのリスト属性を設定します。

(2) 順序: タイプ、位置、イメージ

値。 -style は任意の順序でリストでき、これらの値は無視できます。 1 つの値が指定されている限り、他の値はデフォルト値で埋められます。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。