ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >リスト

リストマークを一括指定

{list-style:マークの種類 マークの位置 url(画像);}でリストマーク の種類、位置、画像を一括に指定することができます。

下の例ではリストマークを消していますがlist-style-type:square;や list-style-type:circle;を指定した場合は画像のマークが優先して表示されます。

【ブラウザ表示】

  • HTML
    CSS
  • HTML
    CSS

ソース

<ul class="all1">
<li>HTML<br>CSS</li>
<li>HTML<br>CSS</li>
</ul>

外部ファイル

ul.all1{list-style:none inside url(../image/ball3.gif);}


<body>〜</body>に直接記入する場合

<ul style="list-style:none inside url(../image/ball3.gif);">
<li>HTML<br>CSS</li>
<li>HTML<br>CSS</li>
</ul>

■ その他の項目

リストマークの種類を変える
リストマークの位置を指定する
リストマークを画像にする
リストマークを背景画像にする
余白、間隔を調整する
リストを並べる

スタイルシート一覧のページに戻る

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.