list-style

提供: ASCII.jp CSSリファレンス

役割・機能 リストマークの設定をまとめて行う
適用 リスト要素
継承の有無 継承あり
書式

セレクタ { list-style: }

目次

list-styleプロパティの説明

リストマークのスタイル設定をまとめて行います。値は半角スペースで区切って指定します。この場合、値の順序は問われません。

list-style-imageプロパティに指定可能な値

属性値 説明
画像ファイルのURI 画像ファイルのURIを入力する

list-style-positionプロパティに指定可能な値

属性値 説明
inside テキスト枠内に入れる
outside テキスト枠外に表示する

list-styleプロパティの記述例

 <head>
  <style type="text/css">
   <!--
   li {list-style:url(image/entry.gif) outside}
   -->
  </style>
 </head>
  <h3>好きな作家</h3>
  <ul>
  <li>ライナー・チムニクはポーランドの絵本作家で、その絵は子供向けのきれいな絵というより、簡潔な文章にマッチした簡潔な絵です。『熊とにんげん』は彼が24歳のときの作品。      </li>
  <li>ジョン・アップダイクは長いこと好きな作家の一人です。なぜだか、彼のポートレート絵葉書まで持ってる。なんか、ミーハーなファンな感じですね。ちなみに、43歳のときの写真だそうです。まあ、ハンサムなのかなって普通に思うくらいの顔立ち。</li>
  </ul>
 

list-styleプロパティの表示例


list-styleプロパティの関連項目

Powered by Web Professional

目次