リスト関係のスタイルシートを一括で指定する
CSSの書き方
list-style:list-style-typeの値 list-style-imageの値 list-style-positionの値 ;
|
|||||||||||||||||||||||||||||||||||||||||
解説
「list-style」プロパティは、リスト関連のスタイルシートを一括で指定するスタイルシートです。
値
「list-style-type」プロパティの値、「list-style-image」プロパティの値、「list-style-position」プロパティの値をそれぞれ並べて記述します。値同士は半角スペースで区切ります。
また、これら3つの値を記述する順序は自由です。また一部のプロパティを省略することもできます。この場合、省略したプロパティはその初期値が与えられたものとして解釈されます。
値（none）
「list-style:none;」と記述することもできます。この場合、リストマークは表示されません。ただし、このように値1つで書いてしまうと他のプロパティを同時に指定することはできません。
優先度
「list-style-type」プロパティと「list-style-image」プロパティを同時に指定した場合は、「list-style-image」プロパティが優先されて表示されます。
CSS/HTMLサンプル
ul { list-style:inside circle; background:#ffdff9; }
中の白いリストマークを要素の中に表示 サンプル
