「CSS」list-style-positionプロパティでリストの外側にマーカーを表示する
環境
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>