スタイルシートリファレンス > list-style-type

スタイルシートリファレンス list-style-type


list-style-type マーカーの形を指定する

<ul><ol><li>タグで表示される、マーカーの形を指定します。

ブラウザによりサポート状況は異なります。


none(なし)


disc(点:規定値:)


circle(丸)


square(四角)


decimal(1 2 3)


decimal-leading-zero(01 02 03)


lower-roman(@ A B)


upper-roman(T U V)


lower-alpha(a b c)


upper-alpha(A B C)


lower-latin(a b c)


upper-latin(A B C)


lower-greek(α β γ)


hebrew(ヘブライ)


armenian(アルメニア)


georgian(グルジア)


cjk-ideographic(一 二 三)


hiragana(あ い う)


katakana(ア イ ウ)


hiragana-iroha(い ろ は)


katakana-iroha(イ ロ ハ)

▲ページ先頭へ

使用例 list-style-type

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
list-style-type: circle;
}
.smp2 {
list-style-type: none;
}
-->
</style>
</head>
<body>
circle
<ul class="smp1">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
<br>
none
<ul class="smp2">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示


list-style-type:circle;


list-style-type:none;




▲ページ先頭へ

関連項目【リスト】

list-style
マーカーの指定をまとめて行う
list-style-type
マーカーの形を指定する
list-style-position
マーカーの位置を指定する
list-style-image
マーカーに画像を指定する
marker-offset ※
マーカとリストアイテムとの距離を指定する

▲ページ先頭へ

スタイルシートリファレンス > list-style-type