Cascading Style Sheets解説

Properties・表示位置の調整

display 各要素の表示方法

値：

block | inline | list-item | none

初期値：

block

適用対象：

全要素

継承：

されない

解説：

各要素の表示方法を指定します。この値をもとにして各プロパティを適用するかどうかが判断されます。

例：

ul li{display: inline}

white-space 空白の取り扱い

値：

normal | pre | nowrap

初期値：

normal

適用対象：

ブロック要素

継承：

される

解説：

ソース中の空白文字（空白・タブ・改行）の表示方法を指定します。

例：

p{white-space: normal}

list-style-type リストマークの種類

値：

disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none

初期値：

disc

適用対象：

「display」に「list-item」値を持つ要素

継承：

される

解説：

「list-item」要素のマーカーの種類を指定します。ただし、「list-style-image」が有効であればそちらが優先されます。

例：

ul{list-style-type: square}

list-style-image リストマークの画像を指定

値：

<url> | none

初期値：

none

適用対象：

「display」に「list-item」値を持つ要素

継承：

される

解説：

「list-item」要素のマーカーに任意の画像を指定します。指定した画像が表示できない場合は「list-style-image」の指定が有効になります。

例：

ul{list-style-image: url(http://www.example.net/test.gif)}

list-style-position リストマークの位置を指定

値：

inside | outside

初期値：

outside

適用対象：

「display」に「list-item」値を持つ要素

継承：

される

解説：

マーカーを適用要素のブロックの内側に表示するのか、或いは外部に表示するのかを指定します。

例：

ul{list-style-position: outside}

list-style リストマークの一括指定

値：

<list-style-type> || <list-style-position> || <list-style-image>

初期値：

各プロパティの初期値

適用対象：

「display」に「list-item」値を持つ要素

継承：

される

解説：

リストマークに関連するプロパティ（「list-style-type」、「list-style-position」、「list-style-image」）を一括で指定します。

例：

ul{list-style: disc outside}

[Back(b)][Cover(c)]