Website Tools

HTML リスト

箇条書きテキストデータをリストに変換(HTML5)

箇条書きのテキストデータを入力または貼り付けして、[リストへ変換]ボタンを押してください。 リストの先頭記号(リストマーカー)付きのデータ(HTML5)に変換します。

マーカー文字の選択
マーカーなし
黒丸
白丸
四角
1. 2. 3.
01. 02. 03.
a. b. c.
A. B. C.
i. ii. iii.
I. II. III.
一、二、三、
あ、い、う、
ア、イ、ウ、
い、ろ、は、
イ、ロ、ハ、
α. β. γ.
<変換結果>

リストデータのテスト表示

リストマーカー付きのリスト(HTML5)

HTML5 では、<ul>、<ol>の type属性は廃止されたため、CSS の list-style-typeプロパティを使用します。

マーカー文字の種類は、上記以外にも次のようなものがあります。
(使う機会が少ないので省略しました)
その他のマーカー文字
表示サンプル
ヘブライ数字
<ol style="list-style-type: hebrew">
  1. マーカーサンプル
  2. マーカーサンプル
  3. マーカーサンプル
アルメニア数字
<ol style="list-style-type: armenian">
  1. マーカーサンプル
  2. マーカーサンプル
  3. マーカーサンプル
グルジア数字
<ol style="list-style-type: georgian">
  1. マーカーサンプル
  2. マーカーサンプル
  3. マーカーサンプル

【その他のプロパティ】
list-style マーカーの指定をまとめて行う場合に使用します。
<ul style="list-style:square url('icon.gif') inside">
list-style-image マーカーに画像ファイルを使う場合に使用します。
list-style-type よりも優先されます。
<ul style="list-style-image:url('icon.gif')">
list-style-position マーカーの表示位置を指定します。
<ul style="list-style-position:outside">
<ul style="list-style-position:inside">
【<ol>の属性】
reversed="reversed" リストの並び順を降順(大きい順)にする
古いバージョンのブラウザではサポートされていません
start="3" リストの開始番号を数字(ここでは3)で指定する

Top page


ソースコード変換

CSVをテーブルに変換

テキストをリストに変換



Website Tools