Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

LISTリストTOPCSSPropertiesList

  1. list-style-typeリストマーカーの種類
  2. list-style-positionリストマーカーの位置
  3. list-style-imageリストマーカーに使用する画像
  4. list-styleリストスタイルのショートハンドプロパティ

list-style-imageリストマーカーに使用する画像

プロパティの値<uri> | none | inherit
初期値none
対象要素display: list-item'の値を持つ要素
継承する
%無効
メディアvisual
W3C Ref.CSS2.1CSS3

プロパティの書式と機能

リスト項目で使用するマーカー画像のURIを指定します。

プロパティの書式機能(リストマークの画像)
list-style-image: uri指定した画像ファイルをマーカーとして表示
list-style-image: none指定しない
list-style-image: inherit継承

EXAMPLE

<ul>
	<li>いちご</li>
	<li>みかん</li>
	<li>りんご</li>
</ul>
ul	{list-style-image: url("img/marker.png")}
  • いちご
  • みかん
  • りんご

※下のようにstyle属性でurlを指定する場合は、引用符の入れ子に注意します。

<ul style="list-style-image:url('img/marker.png')">
	<li>いちご</li>
	<li>みかん</li>
	<li>りんご</li>
</ul>
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.