HTMLタグ > リストタグ

　 HTMLタグ > リストタグ

箇条書きなど、リストを使うと見やすくなります。

リストには周囲に広いスペースができるんですが…これを調整する方法はないものでしょうかｗ
広すぎるｗｗ
いろいろ試したけど、今のところ手がありませんｗ

基本のリスト

リストの記号を白丸に変える

リストの記号を四角に変える

リストの記号を数字に変える

<ol>でのリストは数字、アルファベットなど記号が変わっていくもので使います。
記号を指定しない場合、デフォルトは数字です。
参考までに、記号を数字で指定するタグは「decimal」です。

リストの記号をアルファベットの大文字に変える

リストの記号をアルファベットの小文字に変える

リストの記号をローマ数字の大文字に変える

リストの記号をローマ数字の小文字に変える

リストを途中の数字から始める

<ol>内に以下のタグを追加します。

start=【数字】

リストの途中で数字をとばす

飛ばす項目の<li>内に以下のタグを追加します。

value=【数字】

リストの記号をなくす

リストの記号に画像を使う

段階リスト
「入れ子」というそうですが、リストの中にリストを作るスタイルシートです。
大きな項目の中に、<ul>～</ul>を入れて作ります。
段階は多分無制限に作れますが、記号は3段階まで自動的に変わります。
それ以降は四角記号が続くようです。

<ul>
<li>【大きな項目1】
<li>【大きな項目2】
<ul>
<li>【小さな項目1】
<li>【小さな項目2】
</ul>
</ul>

文章のリスト
文章に限りませんが、リストの1行が長いとき通常折り返し後は行頭がそろいます。
それを、そろわないようにします。

長い長ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーい文章その1。
長い長ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーい文章その2。

通常だと以下のとおり。

長い長ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーい文章その1。
長い長ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーい文章その2。

<ul>または<ol>内に以下のタグを追加します。

style="list-style-position:inside"

リスト内の文字の色やサイズを指定する
<ul>または<ol>内に以下のタグを追加します。
以下以外のスタイルも使えると思います。

style="color:【色】;font-size:【サイズ】pt"

リストの装飾
background-colorで背景の色を指定したりなどできますが、記号が一緒に入らないのが仕様のようです。
テーブルで囲っても変なスペースができるし…(´_ゝ`)
何かいい手はないかと検証中。