list-style-typeのプロパティに設定する値は、次の表のとおりです。
(機種依存しそうな文字があるのでうまく表示できていないかもしれません)
値 | 説明 |
---|---|
disk | ●を表示します。 |
circle | ○を表示します。 |
square | ■を表示します。 |
decimal | 1,2…(アラビア数字)表示します。 |
lower-roman | ⅰ,ⅱ…(ローマ数字の小文字)を表示します。 |
upper-roman | Ⅰ,Ⅱ…(ローマ数字の大文字)を表示します。 |
lower-alpha | a,b…(アルファベットの小文字)を表示します。 |
upper-alpha | A,B…(アルファベットの小文字)を表示します。 |
none | 行頭番号を表示しません。 |
CSSの記述例は、次のようになります。
ul.liliststyletypedisk{
list-style-type:disk;
}
ul.liliststyletypecircle{
list-style-type:circle;
}
ul.liliststyletypesquare{
list-style-type:square;
}
ul.liliststyletypedecimal{
list-style-type:decimal;
}
ul.liliststyletypelowerroman{
list-style-type:lower-roman;
}
ul.liliststyletypeupperroman{
list-style-type:upper-roman;
}
ul.liliststyletypeloweralpha{
list-style-type:lower-alpha;
}
ul.liliststyletypeupperalpha{
list-style-type:upper-alpha;
}
ul.liliststyletypenone{
list-style-type:none;
}
htmlの記述例は、長いので省略します。
まとめ
この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。
コメント 0