「CSS」list-style-positionプロパティでリストの外側にマーカーを表示する

2022年8月26日

環境
Google Chrome　104.0.5112.102

構文
list-style-position: outside;
リスト領域の外側にリストマーカーを表示します。
list-style-position は CSS のプロパティで、リスト項目に対する ::marker の位置を指定します。

使用例

<!DOCTYPE html>
<html>
<head>
<style>
/*リスト領域の外側にリストマーカーを表示*/
.cft {
  list-style-position:outside;
}
</style>
</head>
<body>

<ul class="cft">
  <li>東京</li>
  <li>大阪</li>
  <li>福岡</li>
</ul>
</body>
</html>

CSS

Posted by arkgame