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

無料ホームページ作成!CSS・リスト
リスト項目に画像

ホームページのリスト項目を画像にする

list-style-image属性

このlist-style-image属性はリスト項目を画像にする属性です、list-style-type属性にはない矢印などの画像を作って表示させたりできます。

list-style-image属性の使い方

CSSソース

セレクタ{
	list-style-image:url(../gif/yazirusi.gif);
}
 
結果

list-style-image属性で宣言できる値

概要
url(yazirusi.gif) ()内を絶対パスか相対パスで背景画像を指定
none 背景画像を指定しない

値の使用例

画像が適用されない場合、list-style-type属性の値が使用されますので一緒に宣言しましょう。

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

CSS・スタイルシート

基本

文字

余白

背景

ボックス

配置

リスト

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