CSS3

プロパティ

list-style

  編集:2022.07.17 by T.A.

mdn

リスト マーカーのスタイル付け: 略式プロパティ。

名前 list-style
<'list-style-position'> || <'list-style-image'> || <'list-style-type'>
初期値 個々のプロパティを見よ
適用対象 リスト アイテム
継承 個々のプロパティを見よ
百分率 個々のプロパティを見よ
算出値 個々のプロパティを見よ
正準的順序 文法に従う
アニメーション型 個々のプロパティを見よ

list-style プロパティは、3 種のプロパティ[list-style-typelist-style-imagelist-style-position]を、スタイルシートの同じ所でまとめて設定する略式である。

<UL style="list-style:'♥' outside; border:1px solid red;">
 <LI>LI要素
 <LI>LI要素
	<UL>
	 <LI>LI要素
	 <LI>LI要素
	</UL>
</UL>
例えば:
UL { list-style: upper-roman inside }  /*  すべての UL  */
UL UL { list-style: circle outside } /*  UL の子孫である,すべての UL  */

テスト
HTML:

ここに表示
HTML:

ここに表示
スクリプト:


スクリプト:



表示内容:
表示内容: