back / home ]

marker-offset

marker-offsetは、マーカボックスと基本ボックスの距離を指定するプロパティです。

プロパティ

<length> | auto | inherit
初期値 auto
適用 display: marker; の要素
継承性 なし
パーセント値 適用不可
メディアグループ visual

値には、次のものが指定できます。

<length>
長さを指定します。定義は別項参照
auto
UA(ユーザーエージェント)に依存します。

list-style-type

list-style-typeは、リストマーカーの種類を指定するプロパティです。list-style-imageプロパティで画像が指定されている場合、その画像が優先されます。 ただし、画像が表示できない場合やlist-style-imageの値として'none' が指定されている場合は、このプロパティの値が優先されます。

プロパティ

disc | circle | square | decimal | decimal-leading-zero |
lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin |
upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic |
hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit
初期値 disc
適用 display: list-item; の要素(li要素)
継承性 あり
パーセント値 適用不可
メディアグループ visual

値には、次のものが指定できます。

none
リストマーカーを表示しません。
disc
UA 依存ですが、通常は塗りつぶされた丸を表示します。
circle
UA 依存ですが、通常は丸を表示します。
square
UA 依存ですが、通常は塗りつぶされた四角を表示します。

番号付きリスト用の値

decimal
十進法の数字を表示します。(1、2、3、4)
decimal-leading-zero
最初に ゼロ( 0 )を加えた十進法の数字を表示します。(01、02、03、04)
lower-roman
小文字のローマ数字を表示します。(i、ii、iii、iv)
upper-roman
大文字のローマ数字を表示します。(I、II、III、IV)
hebrew
ヘブライ数字を表示します。
armenian
アルメニア数字を表示します。
georgian
グルジア数字を表示します。
cjk-ideographic
漢数字を表示します。(一、二、三、四)
lower-greek
小文字の古代ギリシャ文字で表示します。
lower-alpha
lower-latin
小文字のアルファベットで表示します。(a、b、c、d)
upper-alpha
upper-latin
大文字のアルファベットで表示します。(A、B、C、D)
hiragana
ひらがなで表示します。(あ、い、う、え)
katakana
カタカナで表示します。(ア、イ、ウ、エ)
hiragana-iroha
ひらがなのいろはで表示します。(い、ろ、は、に)
katakana-iroha
カタカナのいろはで表示します。(イ、ロ、ハ、ニ)

list-style-image

list-style-imageは、リストマーカーとして使用する画像を指定するプロパティです。 画像が利用できる場合、'list-style-type'マーカで設定したマーカを置換します。

プロパティ

<uri> | none | inherit
初期値 none
適用 display: list-item; の要素(li要素)
継承性 あり
パーセント値 適用不可
メディアグループ visual

値には、次のものが指定できます。

none
画像を使用せず、list-style-typeで指定したリストマーカーを使用します。
URI
リストマーカーとして使用する画像の URI を指定します。

list-style-position

list-style-positionは、基本ボックスに対するマーカボックスの位置を指定するプロパティです。

プロパティ

inside | outside | inherit
初期値 outside
適用 display: list-item; の要素(li要素)
継承性 あり
パーセント値 適用不可
メディアグループ visual

値には、次のものが指定できます。

outside
リストマーカーのボックスをリストボックスの外側におきます。
inside
リストマーカーのボックスをリストボックスの内側におきます。

list-style

list-styleは、リストマーカーの種類、画像、基本ボックスに対するマーカボックスの位置をまとめて指定するプロパティです。

プロパティ

[<'list-style-type'> || <'list-style-image'> || <'list-style-position'>] | inherit
初期値 未定義
適用 display: list-item; の要素(li要素)
継承性 あり
パーセント値 適用不可
メディアグループ visual

指定できる値は、<'list-style-type'><'list-style-image'><'list-style-position'>参照。


back / home ]