English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
list-style-position CSS属性は、リストアイテムのマークがリストアイテムの主体ブロックフレームに対してどのように配置されるかを指定します。
以下のテーブルには、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用文法が説明されています。
デフォルト値: | outside |
---|---|
適用: | リストアイテム |
継承: | はい |
アニメーション可能: | いいえ。参照してください アニメーション属性。 |
バージョン: | CSS 1、2、3 |
JavaScript文法: | object.style.listStylePosition="inside" |
この属性の文法は以下の通りです:
list-style-position: inside | outside | initial | inherit
以下の例では、listの使用方法を示しています。-style-position属性。
ol { list-style-position: inside; } ul { list-style-position: outside; }試してみる‹/›
以下のテーブルはこの属性の値を説明しています。
値 | 説明 |
---|---|
inside | リストマークは主体ブロックフレームの中の最初のインラインフレームに配置され、要素の内容の前にあります。 |
outside | リストマークは主体ブロックフレームの外部に配置されます。これはデフォルトの値です。 |
initial | この属性をデフォルト値に設定します。 |
inherit | 指定された場合、関連する要素は親要素のlistを使用します。-style-positionの属性値。 |
list-style-position属性のブラウザの互換性について、以下のテーブルにはその属性をサポートするブラウザの最低バージョン番号が示されています;すべての主要ブラウザはこの属性をサポートしています。
|