リスト要素　ul

ここでは、リスト要素　ul に関する記事を紹介しています。

リスト要素　ul

2006/04/08(土)

■リスト要素　ul
ul は Unordered List（順序の無いリスト）の略。リストの各項目は li で記述します

※属性
　　type；項目番号のタイプを指定
　　disc：黒丸
　　circle：白丸
　　square：四角

◎HTMLソース

<ul>
<li>リスト要素　ul（順序の無いリスト）
<li>リストの各項目は li で記述
<li>デフォルトでは disc：黒丸で表示
</ul>

<ul type="disc">
<li>リスト要素　ul（順序の無いリスト）
<li>type属性に「 type="disc"」を指定
</ul>

<ul type="circle">
<li>リスト要素　ul（順序の無いリスト）
<li>type属性に「 type="circle"」を指定
</ul>

<ul type="square">
<li>リスト要素　ul（順序の無いリスト）
<li>type属性に「 type="square"」を指定
</ul>

◎ブラウザ表示例

リスト要素　ul（順序の無いリスト）
リストの各項目は li で記述
デフォルトでは disc：黒丸で表示

リスト要素　ul（順序の無いリスト）
type属性に「 type="disc"」を指定

リスト要素　ul（順序の無いリスト）
type属性に「 type="circle"」を指定

リスト要素　ul（順序の無いリスト）
type属性に「 type="square"」を指定

■リストマークに画像を使用する

リストマークに画像を使用する
スタイルシートは下記参照

<style type="text/css">
<!--
ul {
list-style:none;
padding: 0px;
margin: 0px;
}
ul li {
padding:0px 2px 0px 12px;
margin: 5px 0px 5px 0px;
background:url(../image.gif) no-repeat top left;
}
-->
</style>

ホームページ作成講座
　※ホームページ基礎知識講座「第４章文章の整形・修飾」