[CSS]list-style-typeリストの項目を小文字アルファベットで指定

2021年9月17日

書式
list-style-type: lower-alpha;
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style>
/* 小文字アルファベット */
.cft {
list-style-type: lower-alpha;
}
</style>
<!--クラスcftを適用 -->
<ul class="cft">
<li>東京</li>
<li>大阪</li>
<li>福岡</li>
</ul>
<style> /* 小文字アルファベット */ .cft { list-style-type: lower-alpha; } </style> <!--クラスcftを適用 --> <ul class="cft"> <li>東京</li> <li>大阪</li> <li>福岡</li> </ul>
<style>
 /* 小文字アルファベット */
  .cft {
    list-style-type: lower-alpha;
  }
</style>
<!--クラスcftを適用 -->
<ul class="cft">
  <li>東京</li>
  <li>大阪</li>
  <li>福岡</li>
</ul>

結果
a.東京
b.大阪
c.福岡

CSS

Posted by arkgame