![]() |
circleの場合
|
リストの記号は何も指定しない場合は、●(黒丸)ですが、type属性を使って指定すれば○(白丸)や■(黒四角)にすることが出来ます。
白丸にしたい場合はtype属性の値にcircleを、黒四角にしたい場合はsquareを指定します。
type属性を<ul>タグにつけるとリスト全体の記号を指定することが、<li>タグに付ければ、その項目だけの記号を指定することが出来ます。
![]() |
circleの場合
|
<html> <head> <title>サンプル</title> </head> <body> circleの場合 <ul type="circle"> <li>チワワ</li> <li>パグ</li> <li>柴犬</li> <li>ビーグル</li> </ul> squareの場合 <ul type="square"> <li>アメリカン・ショートヘア</li> <li>ペルシャ</li> <li>ロシアンブルー</li> <li>スコティッシュ・フォールド</li> </ul> </body> </html>
![]() |
|
<html> <head> <title>サンプル</title> </head> <body> <ul> <li>ここは何も指定なし</li> <li type="disc">discを指定</li> <li type="circle">circleを指定</li> <li type="square">squareを指定</li> </ul> </body> </html>