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

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

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

概要

@ルール @counter-style”ルール
初期値 suffix: \2E\20;

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

既定ではリスト・マーカーの後に追加される文字はフルストップ(“.”、U+002E)と半角スペース(“ ”、U+0020)です。

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

説明
<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";
suffix: "\003A\0020"; /* U+003AU+0020(“: ”) */
}
  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)
suffix
定義なし

定義なし

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