[CSS]list-style-typeリストの項目をかたかなのイロハで指定

2021年9月17日

書式
list-style-type: katakana-iroha;

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
/* かたかなのイロハ */
.cft {
list-style-type: katakana-iroha;
}
</style>
<!--クラスcftを適用 -->
<ul class="cft">
<li>東京</li>
<li>大阪</li>
<li>福岡</li>
</ul>
<style> /* かたかなのイロハ */ .cft { list-style-type: katakana-iroha; } </style> <!--クラスcftを適用 --> <ul class="cft"> <li>東京</li> <li>大阪</li> <li>福岡</li> </ul>
<style>
 /* かたかなのイロハ */
  .cft {
    list-style-type: katakana-iroha;
  }
</style>
<!--クラスcftを適用 -->
<ul class="cft">
  <li>東京</li>
  <li>大阪</li>
  <li>福岡</li>
</ul>

結果
イ.東京
ロ.大阪
ハ.福岡

CSS

Posted by arkgame