無料ホームページ作成！CSS・例
リスト項目のスタイル
list-style-type属性ul用
noneで指定
CSS・スタイルシートソース
list-style-type:none;
結果
- list-style-type:none;
- リスト項目が表示されません。
discで指定
CSS・スタイルシートソース
list-style-type:disc;
結果
- list-style-type:disc;
- リスト項目が黒丸で表示。
circleで指定
CSS・スタイルシートソース
list-style-type:circle;
結果
- list-style-type:circle;
- リスト項目が白丸で表示。
squareで指定
CSS・スタイルシートソース
list-style-type:square;
結果
- list-style-type:square;
- リスト項目が黒い四角で表示。
list-style-type属性ol用
noneで指定
CSS・スタイルシートソース
list-style-type:none;
結果
- list-style-type:none;
- リスト項目が表示されません。
decimalで指定
CSS・スタイルシートソース
list-style-type:decimal;
結果
- list-style-type:decimal;
- リスト項目が数字で表示。
lower-romanで指定
CSS・スタイルシートソース
list-style-type:lower-roman;
結果
- list-style-type:lower-roman;
- リスト項目が小文字ローマ字で表示。
upper-romanで指定
CSS・スタイルシートソース
list-style-type:upper-roman;
結果
- list-style-type:upper-roman;
- リスト項目が大文字ローマ字で表示。
lower-alphaで指定
CSS・スタイルシートソース
list-style-type:lower-alpha;
結果
- list-style-type:lower-alpha;
- リスト項目が小文字のアルファベットで表示。
upper-alphaで指定
CSS・スタイルシートソース
list-style-type:upper-alpha;
結果
- list-style-type:upper-alpha;
- リスト項目が大文字のアルファベットで表示。
その他ol用値は未対応ブラウザが多いのでお勧めできません。