ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS: list-style-image は、画像をリスト項目のマークアップとして詳細に設定します

CSS: list-style-image は、画像をリスト項目のマークアップとして詳細に設定します

黄舟
リリース: 2017-06-29 10:15:42
オリジナル
4868 人が閲覧しました

CSS では、list-style-imageattribute により、画像がリスト項目タグとして設定されます。この記事では、list-style-imageの定義と使い方、list-style-imageの構文、list-style-imageの例について詳しく紹介します。

CSS の list-style-image 属性の役割は、画像をリスト項目マークとして設定することです。

list-style-image 属性の例

リスト内の項目マークとして画像を設定します:

ul
  {  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }
ログイン後にコピー

list-style-image の定義と使用法

list-style-image 属性は画像を使用して、項目マークアップを置き換えますリスト項目。

説明

この属性は、順序付きリスト項目または順序なしリスト項目のシンボルとして画像を指定します。リスト項目のコンテンツに対する画像の配置は、通常、list-style-position 属性を使用して制御されます。

注: 画像が利用できない場合に備えて、常に「list-style-type」属性を指定してください。

CSS: list-style-image は、画像をリスト項目のマークアップとして詳細に設定します

以上がCSS: list-style-image は、画像をリスト項目のマークアップとして詳細に設定しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート