このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

@counter-style”ルール~“prefix”ディスクリプタCSS3で追加

記事Jan. 26th,2022
“@counter-style”ルールで定義するカウンター・スタイルでリスト・マーカーの前に追加する文字を指定するディスクリプタ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

概要

@ルール @counter-style”ルール
初期値 prefix: "";

prefix”ディスクリプタはリスト・マーカーの前に追加する文字を指定します。

既定ではリスト・マーカーの前に追加される文字は空文字列なので何も追加されません。

negative”ディスクリプタによってリスト・マーカーの前に追加される文字があれば“prefix”ディスクリプタで指定された文字はその前に追加されます。

説明
<symbol> 指定された<symbol>”値リスト・マーカーの前に追加します

使用例

ol { list-style-type: sample-counter;}

@counter-style sample-counter {
system: numeric;
symbols: "\1D7D8" "\1D7D9" "\1D7DA" "\1D7DB" "\1D7DC" "\1D7DD" "\1D7DE" "\1D7DF" "\1D7E0" "\1D7E1";
prefix: "\269D"; /* U+269D(“⚝”) */
}
  1. 東京スカイツリー
  2. 対馬オメガ局送信用鉄塔
  3. 硫黄島ロランC主局(初代)
  4. 硫黄島ロランC主局(2代)
  5. 南鳥島ロランC局(初代)
  6. 東京タワー
  7. NHK川口送信局
  8. あべのハルカス
  9. 明石海峡大橋
  10. 横浜ランドマークタワー
  11. 虎ノ門ヒルズ森タワー
  12. りんくうゲートタワービル
  13. 大阪府咲洲庁舎
  14. おおたかどや山標準電波送信所
  15. 依佐美送信所

仕様書

定義されている仕様書
Level 1 Level 2 Level 3
勧告(REC) 勧告(REC) 勧告候補(CR)
prefix
定義なし

定義なし

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク