So-net無料ブログ作成
ブログトップ ブログ全体 ヘッダー サイドバー 記事本文 フッター リファレンス Gazon Weblog

【リスト】list-style-type [リファレンス]

説 明

リストのマークを指定します。

使い方

list-style-type: ;
:リストのマーク

解 説

:リストのマーク
次のキーワードが設定可能です。但し、ブラウザによって見え方が異なります。
初期値は「none(マークなし)」です。
           
初期値:noneリストマークは表示しません
disc黒丸(●)を表示します
circle白丸(○)を表示します
circle白丸(○)を表示します

尚、 その他にもありますが、ブログのデザインでは使用頻度が低いと考え、割愛します。

ソースコード:none(マークなし)
aaa1 {
list-style-type:none;
}

表示例:none
  • リスト1
  • リスト2
  • リスト3


ソースコード:disc(●)
aaa2 {
list-style-type:disc;
}

表示例:disc
  • リスト1
  • リスト2
  • リスト3


ソースコード:circle(○)
aaa3 {
list-style-type:circle;
}

表示例:circle
  • リスト1
  • リスト2
  • リスト3


ソースコード:square(■)
aaa4 {
list-style-type:square;
}

表示例:square
  • リスト1
  • リスト2
  • リスト3


以上。


nice!(0)  コメント(0) 
共通テーマ:ペット

nice! 0

コメント 0

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。