CSSスタイルリスト(UL)2024 年の最新の入門チュートリアル。このコースでは リスト,別のリストアイテムマーカー,例,画像リスト項目マーカーとして,例,ブラウザの互換性ソリューション,例,リスト - 速記プロパティ,例,より多くの例,すべてのCSS一覧プロパティ, について学習できます。
次のようにCSS一覧プロパティの役割は次のとおりです。
HTMLでは、リストの2つの種類があります。
CSSを使用すると、さらにスタイルを一覧表示することができ、画像リストアイテムマーカーを作ることができます。
リストスタイル-type属性は、マーカーであるリスト項目のタイプを指定します::
一部の値は、順不同リストで、一部は順序付きリストです。
画像リストアイテムマーカーを指定するには、list-style-imageプロパティを使用します。
上記の例では、すべてのブラウザで同じではない示し、IEとOperaは、Firefox、Chromeと少し高いのSafariよりもイメージタグを表示します。
あなたはすべてのブラウザでロゴの同じ画像を配置したい場合は、次のように、ブラウザの互換性ソリューションを使用する必要があります
また、すべてのブラウザで、次の例では、イメージタグが表示されます:
例を説明しました:
あなたは、単一のプロパティ内のすべてのプロパティのリストを指定することができます。 これは簡略記述特性と呼ばれています。
リストに略語プロパティを使用し、次のように、スタイル属性のリストが設定されます。
ご注文の速記プロパティ値を使用している場合です。
これらの値がまだ指定されている残りのための1含まれていない場合、それは問題ではありません。
すべての異なったリストアイテムマーカー
この例では、すべての異なるCSSリストアイテムマーカーを示しています。
プロパティ | 説明 |
---|---|
リストスタイル | 速記プロパティ。 すべてのプロパティのリストについては声明の中で提供されています |
リストスタイルイメージ | 画像は、アイテムのリストに署名するように設定されています。 |
リストスタイルの位置 | リストリストアイテムマーカーで位置を設定します。 |
リストスタイル型 | リストアイテムフラグのタイプを設定します。 |