エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSの@counter-styleでリストのマーカーを自由に生成する | かちびと.net
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSの@counter-styleでリストのマーカーを自由に生成する | かちびと.net
Result @counter-styleっていうのを昨日知ったのでメモ。リストのマーカーを独自定義できる、というもの... Result @counter-styleっていうのを昨日知ったのでメモ。リストのマーカーを独自定義できる、というもの。便利そうなので使い方を覚えておこうと思います。 ざっくり、使い方は以下のような感じ @counter-style hogehoge { system: numeric;/*マーカーの内容*/ symbols:1 2 3;/*実際に表示されるもの。文字でも画像でもOK*/ prefix:"【";/*接頭語*/ suffix: "】 ";/*接尾語*/ } ul{ list-style-type: hogehoge;}/*@counter-styleで決めた名前を指定*/ 他にもいろいろ詳細を定義できるようになってるみたいです。 上部動作サンプルなら以下のように。 css @counter-style custom-counter-style { system: cyclic