li {リストスタイルイメージ: url(images/disc.gif);}
li のこのスタイル定義では、ピクチャを使用して、リスト項目に表示される小さなドットを置き換えます。もちろん、他のエフェクトと一緒に表示することもできます。詳細については、以下の定義を参照してください。
リスト項目効果の CSS 定義
*list-style-type: 円 (希望のリスト項目スタイルに変更可能);
ディスク: CSS1 黒丸
円: CSS1 中空円
正方形 : CSS1 実線正方形
10 進数: CSS1 アラビア数字
lower-roman: CSS1 小文字のローマ数字
upper-roman : CSS1 大文字のローマ数字
lower-alpha: CSS1 の小文字の英字
upper-alpha: CSS1 の大文字の英字
none : CSS1 は箇条書きを使用しません
アルメニア語 : CSS2 伝統的なアルメニア数字
cjk-ideographic:CSS2 平文表意文字番号
グルジア語 : CSS2 の伝統的なグルジア数字
lower-greek : CSS2 の基本的なギリシャの小文字
hebrew : CSS2 の伝統的なヘブライ数字
hiragana : CSS2 日本語のひらがな文字
hiragana-iroha: CSS2 日本語ひらがなシーケンス
カタカナ : CSS2 日本語カタカナ文字
katakana-iroha: CSS2 日本語カタカナシリアル番号
lower-latin: CSS2 ラテン文字の小文字
upper-latin : CSS2 ラテン文字の大文字
*list-style-image: url(images/disc.gif); リスト項目を表示する代わりに画像 disc.gif を使用します。
*リストスタイルの位置: 外側 |
外側: リスト項目マーカーはテキストの外側に配置され、周囲のテキストはマーカーに従って整列されません。
inside : リスト項目タグがテキストの内側に配置され、周囲のテキストがタグに従って配置されます。
hr{ボーダー:1px 破線 #86BCD4; 高さ:1;}
HTML コードには、水平バー hr などの特別な項目がいくつかあります。これらをスタイル管理で定義して、デフォルトの表示効果を変更することもできます。
水平バー効果の CSS 定義
BORDER-BOTTOM-STYLE: 点線。
ボーダー左スタイル: 点線。
BORDER-RIGHT-STYLE: 点線; BORDER-TOP-STYLE: 点線;
高さ:1;
幅:100%;
整列:左;
色:#86BCD4;
シェード:いいえ。
横棒点線効果の定義
境界線:1px 破線 #86BCD4; 高さ: 1;