このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

li”要素~“type”属性注意

記事July 7th,2020
リストマーカーの種類を指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

type”属性について

type”属性は親要素がul”要素である場合はリストマーカーの種類、ol”要素である場合は番号の種類を指定する属性です。

親要素にも“type”属性が指定されている場合はその値よりも優先されます。

代替方法

HTML5でこの属性は廃止されているので使用するべきではありません。

スタイルシートのlist-style”プロパティlist-style-type”プロパティを使用します。

なお、現行の仕様でもol”要素type”属性を指定することが可能です。

指定できる値

親要素が“ul”要素の場合

属性値 説明
disc “●”
circle “○”
square “□”

親要素が“ol”要素の場合

属性値 説明
1 “1”,“2”,“3”,“4”,...
a “a”,“b”,“c”,“d”,...
A “A”,“B”,“C”,“D”,...
i “i”,“ii”,“iii”,“iv”,...
I “I”,“II”,“III”,“IV”,...

サンプルコード

<ol>
<li>バナナ</li>
<li>マンゴスチン</li>
<li>アボカド</li>
<li type="a">ドリアン</li>
<li>バンレイシ</li>
<li>アテモヤ</li>
</ol>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク