|
| ■ list-style-typeプロパティ |
| リストの行頭記号の表示形式を指定します。 |
値 ( CSS 1 より定義されている値 )
- none （表示しない）
- disc （黒丸）
- circle （白丸）
- square （黒四角）
- decimal （算用数字 1, 2, 3 ）
- lower-alpha （英小文字 a, b, c ）
- upper-alpha （英大文字 A, B, C ）
- lower-roman （小文字ローマ数字 i, ii, iii ）
- upper-roman （大文字のローマ数字 I, II, III ）
|
 ソース |
|
ul { list-style-type : lower-roman ; } |
|
 表 示 |
|
|
|
| ページTopへ |
|
| ■ list-style-positionプロパティ |
| リストの行頭記号の表示位置を指定します。 |
値 ( CSS 1 より定義されている値 )
- outside （初期値）
- inside （リストの内容を表示するボックスの先頭に行頭記号を表示します。）
|
| head要素または、外部スタイルシート、style属性 |
|
.inside { list-style-position : inside ; } |
| body要素の記述 |
<ul>
<li>ピーマン</li>
<li class="inside">キュウリ</li>
<li>トマト</li>
</ul>
|
|
| 表 示 |
|
|
 解説 |
| 上記ソースは、キュウリ項目の li 要素に、class属性で、スタイルを適用しています。 |
|
| ページTopへ |
|
|
|
|
|
リスト関連プロパティ