備忘録的プログラミングリファレンス

fallback プロパティ

 fallback プロパティは、 リストマーカーの定義 @counter-style ルールで使用する CSS のプロパティです。どれにも該当しなかった場合の代替え表現をキーワードで指定します。

fallback プロパティ
@counter-style example_style{
	system: fixed;
	symbols: '0' '1' '2';
	suffix: ". ";
	fallback: cjk-ideographic;
}

詳しくは Example を参照してください

 このプロパティは、@counter-style ルールにおいて system: fixed; である場合や range プロパティが指定されている場合に symbols の設定以外のマーカーをどのように表示するかを指定します。
 キーワードには、decimal、 disc、 square、 circle、 disclosure-open、 disclosure-closed など list-style-type で指定する値が使用できます。

ページ内 Index

構文(Syntax)

CSS

fallback: decimal | armenian | circle | cjk-ideographic | decimal-leading-zero | disc | georgian | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-alpha | lower-greek | lower-latin | lower-roman | none | square | upper-alpha | upper-latin | upper-roman | initial | inherit ;

DOM ( JavaScript )

値の取得
object.style.fallback
値の設定
object.style.fallback=" decimal | armenian | circle | cjk-ideographic | decimal-leading-zero | disc | georgian | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-alpha | lower-greek | lower-latin | lower-roman | none | square | upper-alpha | upper-latin | upper-roman | initial | inherit "

値(Values)

 以下のマーカーは環境によって表示が変わります。

Value摘要
decimal初期値(default値)
  • 数字
  • ...
  • ...
armenian
  • アルメニア数字
  • ...
  • ...
circle
  • ...
  • ...
cjk-ideographic
  • 漢数字
  • ...
  • ...
decimal-leading-zero
  • 0付きの数字
  • ...
  • ...
georgian
  • グルジア数字
  • ...
  • ...
hebrew
  • ヘブライ数字
  • ...
  • ...
hiragana
  • ひらがな(あいうえお順)
  • ...
  • ...
hiragana-iroha
  • ひらがな(いろは順)
  • ...
  • ...
katakana
  • カタカナ(アイウエオ順)
  • ...
  • ...
katakana-iroha
  • カタカナ(イロハ順)
  • ...
  • ...
lower-alpha
  • 小文字のアルファベット
  • ...
  • ...
lower-greek
  • 小文字のギリシャ数字
  • ...
  • ...
lower-latin
  • 小文字のアルファベット
  • ...
  • ...
lower-roman
  • 小文字のローマ数字
  • ...
  • ...
none
  • マーカーなし
  • ...
  • ...
square
  • 四角
  • ...
  • ...
upper-alpha
  • 大文字のアルファベット
  • ...
  • ...
upper-latin
  • 大文字のアルファベット
  • ...
  • ...
upper-roman
  • 大文字のローマ数字
  • ...
  • ...
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)decimal
継承(Inherited)no
変化(Animatable)no

Example

 fallback プロパティの例です。

 fallback プロパティは @counter-style ルールにおいて、どれにも該当しなかった場合の代替え表現をキーワードで指定します。
  @counter-style ルールで system: fixed; や range プロパティが指定されている場合に限ります。

 以下の例では、リストの4番目以降は fallback プロパティが適応されます。