例
リスト項目マーカーがコンテンツフロー内に表示するように指定します(results in an extra indentation) :
ul
{
list-style-position: inside;
}
»それを自分で試してみてください 定義と使用法
リスト項目マーカーがコンテンツフローの内側または外側に表示された場合のlist-style-positionプロパティで指定します。
外側:
- コーヒー
- お茶
- コカコーラ
内部:
- コーヒー
- お茶
- コカコーラ
デフォルト値: | outside |
---|---|
継承されました: | yes |
アニメーション: | no. Read about animatable |
バージョン: | CSS1 |
JavaScriptシンタックス: | object .style.listStylePosition="inside" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSSの構文
list-style-position: inside|outside|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
inside | マーカーとテキストをインデントされます。 弾丸は、コンテンツの流れの中に現れます | それを再生します» |
outside | テキストの左側にマーカーを保持します。 弾丸は、コンテンツフローの外に表示されます。 これがデフォルトです | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル: CSSリスト
CSSリファレンス: list-style property
HTML DOMリファレンス: listStylePosition property