HTML リスト
箇条書きテキストデータをリストに変換(HTML5)
リストデータのテスト表示
リストマーカー付きのリスト(HTML5)
HTML5 では、<ul>、<ol>の type属性は廃止されたため、CSS の list-style-typeプロパティを使用します。
マーカー文字の種類は、上記以外にも次のようなものがあります。
(使う機会が少ないので省略しました)
マーカー文字の種類は、上記以外にも次のようなものがあります。
(使う機会が少ないので省略しました)
その他のマーカー文字 | 表示サンプル |
---|---|
ヘブライ数字 <ol style="list-style-type: hebrew"> |
|
アルメニア数字 <ol style="list-style-type: armenian"> |
|
グルジア数字 <ol style="list-style-type: georgian"> |
|
【その他のプロパティ】
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)で指定する |