ホームページ > 記事 > ウェブフロントエンド > CSS list-style-type属性の使い方
CSS list-style-type属性の使い方
- 青灯夜游オリジナル
- 2019-05-29 11:40:173953ブラウズ
css list-style-type 属性は、リスト項目タグのタイプを設定するために使用されます。異なる属性値を使用して、異なるリスト項目タグを設定できます。すべてのブラウザは list-style-type 属性をサポートしています。
css list-style-type 属性を使用するにはどうすればよいですか?
list-style-type 属性は、リスト項目タグのタイプを設定します。
設定可能な属性値:
#● なし: タグなし。 # ディスク: デフォルト。マーカーは塗りつぶされた円です。##●circle: マークは白丸です。
# 四角形: マークは実線の四角形です。
# 10 進数: トークンは数値です。
# 小数点先行ゼロ: 0 で始まるデジタル マーク。 (01、02、03 など)
● lower-roman: 小文字のローマ数字 (i、ii、iii、iv、v など)
● upper-roman: 大文字大文字と小文字のローマ数字 (I、II、III、IV、V など)
#● 小文字のアルファ: 小文字の英字 マーカーは小文字のアルファ (a、b、c、d、e など) です。 )#●● アルファ大文字: 英大文字 マーカーはアルファ大文字 (A、B、C、D、E など)
● ギリシャ語小文字: ギリシャ文字の小文字 ( alpha、beta、gamma など)
● Lower-latin: 小文字のラテン文字 (a、b、c、d、e など)
● upper-latin: 大文字のラテン文字文字 (A、B、C、D、E など)
# ヘブライ語: 伝統的なヘブライ語の番号付けシステム
## アルメニア語: 伝統的なアルメニア語の番号付けシステム # ● 伝統的なグルジア語グルジア語の番号付け (an、ban、gan など) # cjk-ideographic: 単純な表意文字の数字 #● hiragana: マーカーは次のとおりです: a、i、u、e、o、ka、キなど。 (日本語のカタカナ) ●カタカナ: マークは、A、I、U、E、O、KA、KI などです。 (カタカナ) #●ひらがないろは: 記号は、い、ろ、は、に、ほ、へ、となどです。 (日本語のカタカナ) ● カタカナいろは: 記号は、「い」「ろ」「は」「に」「ほ」「へ」「と」などです。 (カタカナ)注:
すべてのブラウザは list-style-type 属性をサポートしています。 Internet Explorer (IE8 を含む) のどのバージョンでも、属性値「10 進数先行ゼロ」、「小ギリシャ語」、「小ラテン語」、「大ラテン語」、「アルメニア語」、「グルジア語」をサポートしていません。または「継承」。css list-style-type 属性の例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}
</style>
</head>
<body>
<p>无序列表实例:</p>
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<ul class="b">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>有序列表实例:</p>
<ol class="c">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="d">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
</body>
</html>レンダリング: 以上がCSS list-style-type属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。