ul要素とli要素

ul要素は箇条書きリストを定義しli要素はリストの各項目を指定します。

例)

<ul>
<li>テキストAAAaaa</li>
<li>テキストBBBbbb</li>
<li>テキストCCCccc</li>
</ul>

Internet Explorer 9.0.3
ul,li要素 表示例 ie9

Mozilla Firefox 8.0.1
ul,li要素 表示例 ff8


list-style-typeプロパティ

list-style-typeプロパティに以下の値を指定する事でリストのマークを変更することができます。ul要素、li要素いずれも指定でき、ul要素に指定した場合はリスト全体に適用されli要素では指定した項目のみ変更されます。

値)

例)

<ul style="list-style-type: square;">
<li>テキストAAAaaa</li>
<li style="list-style-type: circle;">テキストBBBbbb</li>
<li>テキストCCCccc</li>
</ul>

Mozilla Firefox 8.0.1
ul,li要素 list-style-typeプロパティ 表示例 ff8


list-style-typeプロパティ


ol要素

ol要素は、序列・順番を示すリストを定義します。項目の文頭に数字が付きます。 項目を定義する要素はul要素と同じくli要素を用います。

例)

<ol>
<li>テキストAAAaaa</li>
<li>テキストBBBbbb</li>
<li>テキストCCCccc</li>
</ol>

Internet Explorer 9.0.3
ol,li要素 表示例 ie9

Mozilla Firefox 8.0.1
ol,li要素 表示例 ff8

list-style-typeプロパティ

list-style-typeプロパティに以下の値を指定する事でリストのマークを変更することができます。ol要素、li要素いずれも指定でき、ol要素に指定した場合はリスト全体に適用されli要素では指定した項目のみ変更されます。

値)

例)

<ol style="list-style-type: upper-alpha;">
<li>テキストAAAaaa</li>
<li style="list-style-type: lower-alpha;">テキストBBBbbb</li>
<li>テキストCCCccc</li>
</ol>

Mozilla Firefox 8.0.1
ol,li要素 list-style-typeプロパティ 表示例 ff8


list-style-typeプロパティ


dl要素 / dt要素 / dd要素

dl要素は、定義型リスト(説明付きリスト)を定義します。
dt要素に定義する用語を指定し、dd要素に用語の定義を指定します。

例)

<dl>
<dt>AAA</dt>
<dd>AAAの説明</dd>
<dt>BBB</dt>
<dd>BBBの説明1</dd>
<dd>BBBの説明2</dd>
</dl>

Mozilla Firefox 8.0.1
dl要素,dt要素,dd要素 表示例 ff8



ページトップへ戻る



RAWで撮ろうLife with a cameraLife with a camera 2


inserted by FC2 system