HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード

HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)


HTMLタグボードトップ >> 今すぐ使える!便利ツール >> HTMLタグ辞典 >> リストタグ >> リストのマークをグループごと変更する

リストタグ

リストのマークをグループごと変更する

<ul type=""><li>

マーク付きのリストは、文頭につくリストマークの種類を標準の状態から変更することができます。<ul>タグに「type=""」という属性を追加すると、<ul>タグ内に記述したリスト(<li>タグで囲まれた文章)のリストマークを一括で変更できます。

リストマークは3種類用意されており、以下の3つです。

  • type="disc"
    • 黒丸(●) - 標準はこれ
  • type="circle"
    • 白丸(○)
  • type="square"
    • 黒い四角(■)
タグをコピーする

記述例

<ul type="circle">
<li>白丸のリストマークに変更</li>
<li>文章2</li>
</ul>
  • 白丸のリストマークに変更
  • 文章2

☆ワンポイントアドバイス

リスト間の余白の調整や、文字下げ(インデント)の調整はスタイルシートで行います。

→関連情報

参考

タグをコピーするには?

操作方法

→マウスでフォーム内に書かれたタグをクリックするとタグがハイライトするので、マウスの右クリックでコピーするか、キーボードの[Ctrl]+[C]を押すと、コンピュータのメモリに記憶されます。後は任意の場所に貼り付けてください。