カーソルを乗せるとメニューの内容がここに表示されます→
トップページ
色と背景を変えたい時
テキストの指定をしたい時
フォントをいろいろしたい時
テーブルの指定をしたい時
リストの変更をしたい時
配置や表示を変えたい時
スクロールバーを変えたい時
その他の指定(RGB対応表付)
◆
リストマークの指定
※
<STYLE type="text/css"><!-- --></STYLE>
は省いて記述しています。
list-style-type : ★;
(★はキーワード指定)
キーワード
none (マークなし)
disc (黒丸・既定)
circle (白丸)
square (四角)
decimal (10進数)
decimal-leading-zero
(0を頭につけた10進数)
lower-roman (小文字ローマ数字)
upper-roman (大文字ローマ数字)
lower-greek
(小文字ギリシア文字)
lower-alpha (小文字アルファベット)
lower-latin
(小文字アルファベット)
upper-alpha (大文字アルファベット)
upper-latin
(大文字アルファベット)
hebrew
(ヘブライ数字)
armenian
(アルメニア数字)
georgian
(グルジア数字)
cjk-ideographic
(漢数字)
hiragana
(ひらがな、あいうえお順)
katakana
(カタカナ、アイウエオ順)
hiragana-iroha
(ひらがな、いろは順)
katakana-iroha
(カタカナ、イロハ順)
※薄い文字色のモノは、Windowsでは使えません。
◆
リストマークに画像を使用する場合の指定
list-style-image : url("★");
(★は画像URLを記述)
画像URLを記述すると画像が表示されますが、あまり大きな画像は使用しないのが無難と言えます。
ページトップへ
◆
リストマークの配置指定
list-style-position : ★;
(★はキーワード指定)
キーワード
outside (マークを項目の外側に配置・既定)
inside (マークを項目の内側に配置)
◆
リストマークの一括指定
list-style : ★ ☆ ▲;
※★=type(種類)、☆=image(画像)、▲=position(配置)
ページトップへ
箇条書きをするとリストマークというのが出てきますね。
このリストマークもスタイルシートで指定すると、なかなかのこだわりモノにすることができたり、面白画像でリストマークを構成できたりします。
一度は試してみると、テキストにも幅が出てくるかも知れないですよ。
Copyright 2007 CSS Lecture All Rights Reserved.