説明
<ul>-</ul> 開始タグ:必須 終了タグ:必須
ul要素は、unorderd listの略で、番号なしリストの意味です。リスト項目は、li要素で記述します。
非推奨であるtype属性の代わりには、スタイルシートの「list-style-type」プロパティを使用するべきであるとされています。
非推奨であるtype属性の代わりには、スタイルシートの「list-style-type」プロパティを使用するべきであるとされています。
属性 (W3C) |
| <ul | H2- ie1- N1- |
|
| >(li)+</ul> |
ブラウザ独自の属性 (ie N) |
|
使用例
- オリーブオイル
- にんにく
- とうがらし
<ul>
<li>オリーブオイル</li>
<li>にんにく</li>
<li>とうがらし</li>
</ul>
点の形
- オリーブオイル
- にんにく
- とうがらし
- オリーブオイル
- にんにく
- とうがらし
- オリーブオイル
- にんにく
- とうがらし
<ul type="disc">
<li>オリーブオイル</li>
<li>にんにく</li>
<li>とうがらし</li>
</ul>
<ul type="square">
<li>オリーブオイル</li>
<li>にんにく</li>
<li>とうがらし</li>
</ul>
<ul type="circle">
<li>オリーブオイル</li>
<li>にんにく</li>
<li>とうがらし</li>
</ul>
ul要素のtype属性の値は大文字小文字を区別しません。
ネスト（入れ子）
- オリーブオイル
- にんにく
- とうがらし
- にんにく
<ul>
<li>オリーブオイル</li>
<ul>
<li>にんにく</li>
<ul>
<li>とうがらし</li>
</ul>
</ul>
</ul>
ネスト(入れ子に)すると、階層に応じてインデント(字下げ)されます。また、一般的に、点の形状が順に変わるようになっています。点の形状および変化は、ブラウザによってレンダリング(描画)が異なります。
ブラウザごとによる点の形状
点(マーカー)の形状はブラウザによってレンダリング(描画)が異なります。特にIE8の点の形状は特徴があるので注意が必要です。
| type | W3C | ie7 | ie8 | ff3 | o9 | gc2 | sf4 |
|---|---|---|---|---|---|---|---|
| disc |  |  |  |  |  |  |  |
| square |  | ||||||
| circle |  |
