構文

list-style : 記号 画像 配置;

説明文

　「list-style」では，リストに関する設定を一括して指定できる。リストの行頭に付加する記号（list-style-type），行頭の画像（list-style-image），記号及び画像の配置位置（list-style-position）を指定できる。指定はそれぞれの値をスペースで区切りながら任意の順序で列挙すればよい。

　各項目の設定内容についてはそれぞれの項目を参照。

使用例

● CSSの定義

ul { list-style : circle url('mark.gif') inside; }

● HTMLの例

<h2>主なLinuxディストリビューション</h2>
<ul>
    <li>Fedora：最先端の技術を率先して採用するディストリビューション。
    バージョンアップも半年と頻繁に行われている。</li>
    <li>Ubuntu：普通のユーザーが便利に利用できるOSを目標に開発が行われて
    いる。インストールなどといった作業を容易に行えるよう工夫がされてい
    る。</li>
    <li>Puppy Linux：軽量で軽快に動作するライブ形式のディストリビューシ
    ョン。本体をメインメモリー上に全て保存して利用できるため，アプリケー
    ションの起動などが高速に行える。</li>
</ul>

● 表示結果

Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]

関連項目