パソコンの小技・備忘録


トップページ > ホームページ作成の小技一覧 > HTMLタグ辞典(アルファベット順) > ul

HTMLタグ辞典(ul)

<ul>〜</ul> 順序を指定しないリストを表示する。

使い方など
<ul>は、順序を意識しないリストを表示するタグです。

「type」という属性を使うことで、項目ごとに白い丸(circle)・黒い丸(disc)・黒い四角(square)を文頭に付けることができます。

なお、各項目の指定には、「li」タグを用います。

■属性一覧


 管理人が、よく使うものは背景色をオレンジ色にしているものです。

属性と書式 意味など
class="任意の名前" スタイルシートなどで用いる名前を指定する。
compact="compact" コンパクトに表示する。
※対応しているブラウザが少ないので、あまり使いません。
dir="文字方向" 文字を読む方向を指定する。
 ltr:左から右へ(日本語・英語など)
 rtr:左から右へ(アラビア語など)
id="任意の名前" スタイルシートなどで用いる任意のIDを指定する。
lang="言語コード" タグ内の要素の言語を指定する。
style="スタイルシートの設定" スタイルシートにより表示方法等を設定する。
title="任意の文字列" 補足的な情報を指定し、ツールチップとして表示する。
type="文頭の記号の種類" 文頭に付ける記号を以下から指定する。

circle:白い丸
disc:黒い丸
square:黒い四角

■使用例

<ul type=circle>
  <li>テスト</ul>
  <li>試験</ul>
</ul>


白い丸を文頭に付けたリストを表示する。
 実際の動作↓

  • テスト
  • 試験

トップページに戻る

パソコンの小技・備忘録トップページ(http://pckowaza.web.fc2.com/)を表示

※更新履歴などを掲載していますので、お気に入りはぜひトップページでお願いします!

サイト内検索

 Googleでサイト内検索

小技カテゴリー

カウンタ

メール送信

 ご意見・相互リンク募集中!
意見・相互リンクメールを送信!
inserted by FC2 system