Classification Properties
| 構文： | display: <value> |
|---|---|
| 取りえる値： | block | inline | list-item | none |
| 初期値： | block |
| 適用： | 全ての要素 |
| 継承： | 不可 |
displayプロパティーは四つの値の一つで要素を定義するのに使われます。：
各要素は、典型的には初期にdisplay値がブラウザによって与えられていて、これはHTML仕様書での示唆された表示にもとずいています。
不適切な形式の要素の表示能力故に displayプロパティーは危険です。値 noneは、指定された要素の子要素も含めて画面表示を無効にします。
| 構文： | white-space: <value> |
|---|---|
| 取りえる値： | normal | pre | nowrap |
| 初期値： | normal |
| 適用： | ブロック−レベル要素 |
| 継承： | 可能 |
white-spaceプロパティーは、要素内でのスペースをどう処理するかを決めます。このプロパティーは三つの値の一つを取ります：
| 構文： | list-style-type: <value> |
|---|---|
| 取りえる値： | disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none |
| 初期値： | disc |
| 適用： |
display値
list-itemの要素 |
| 継承： | 可能 |
list-style-typeプロパティーはリスト項目マークを特定し、 list-style-imageがnoneである場合や画像読み込みが切られている場合に使われます。
例：
LI.square { list-style-type: square }
UL.plain { list-style-type: none }
OL { list-style-type: upper-alpha } /* A B C D E etc. */
OL OL { list-style-type: decimal } /* 1 2 3 4 5 etc. */
OL OL OL { list-style-type: lower-roman } /* i ii iii iv v etc. */
| 構文： | list-style-image: <value> |
|---|---|
| 取りえる値： | <url> | none |
| 継承： | 不可 |
| 適用： | display値list-itemの要素 |
| 継承： | 可能 |
list-style-imageプロパティーは画像読み込みが機能している場合リスト項目マークとして使われる画像を特定し、 list-style-typeプロパティーで特定されたマークと置き代えます。
例：
UL.check { list-style-image: url(/LI-markers/checkmark.gif) }
UL LI.x { list-style-image: url(x.png) }| 構文： | list-style-position: <value> |
|---|---|
| 取りえる値： | inside | outside |
| 初期値： | outside |
| 適用： | display値list-itemの要素 |
| 継承： | 可能 |
list-style-positionプロパティーは値 insideか outsideを取り、 outsideが初期値です。このプロパティーは、リスト項目からみてマークが何処に来るかを決めます。値 insideが使われていり場合、字下げになるのでなく行はマーカーの下に折り返します。表示例は：
Outside rendering: * List item 1 second line of list item Inside rendering: * List item 1 second line of list item
| 構文： | list-style: <value> |
|---|---|
| 取りえる値： | <list-style-type> || <list-style-position> || <url> |
| 初期値： | 未定義 |
| 適用： | display値list-itemの要素 |
| 継承： | 可能 |
list-styleップロパティーは、 list-style-type・ list-style-positionそして list-style-imageプロパティーの短縮型です。
例：
LI.square { list-style: square inside }
UL.plain { list-style: none }
UL.check { list-style: url(/LI-markers/checkmark.gif) circle }
OL { list-style: upper-alpha }
OL OL { list-style: lower-roman inside }
Maintained by John Pozadzides and Liam Quinn
Copyright © 1997 John Pozadzides and Liam Quinn. All rights reserved.
