無料ホームページ作成!CSS・スタイルシート
リスト項目のスタイル

無料ホームページ作成!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用値は未対応ブラウザが多いのでお勧めできません。

無料ホームページ作成!メニュー

CSS・スタイルシート・例

文字

余白

背景

ボックス

配置

リスト

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS