CSS スタイル「list-style:none」とは何を意味しますか?-CSSチュートリアル-php.cn

CSS スタイル「list-style:none」とは何を意味しますか?

青灯夜游

リリース： 2023-01-04 09:37:03

オリジナル

23717 人が閲覧しました

CSS では、「list-style:none」スタイルは、リスト項目マークのタイプが空に設定されていること、つまりリスト項目の前にマークがないことを意味します。 list-style 属性のデフォルトのリスト項目マークのタイプは実線の円です。属性値を none に設定すると、リスト項目マークを削除できます。

CSS スタイル「list-style:none」とは何を意味しますか?

#この記事の動作環境: Windows10 システム、css3、thinkpad t480 コンピューター。

「list-style:none」スタイルは、リスト項目マークのタイプが空に設定されていること、つまりリスト項目の前にマークがないことを示します。

(推奨チュートリアル:

CSS ビデオチュートリアル )

list スタイルの短縮属性は、1 つのステートメントですべてのリスト属性を設定します。

この属性は、他のすべてのリストスタイル属性をカバーする省略形の属性です。 list-item を表示するすべての要素に適用されるため、通常の HTML や XHTML では li 要素でしか使用できませんが、実際にはどの要素にも適用でき、list-item 要素にも継承されます。

設定できる属性 (順番に): list-style-type、list-style-position、list-style-image。

list-style-type 属性: リスト項目タグのタイプを設定できます。

属性値:

none マークなし。
#ディスクデフォルト。マーカーは塗りつぶされた円です。
#circle マークは白丸です。
#正方形マーカーは実線の正方形です。
#10 進数マーカーは数値です。
10 進数先行ゼロ 0 で始まる数字マーク。 (01、02、03 など)
lower-roman 小文字のローマ数字 (i、ii、iii、iv、v など)
upper-roman 大文字のローマ数字 (I、II、III、IV、V など)
# lower-alpha マーカーは下位アルファ (a、b、c) 、d、e など)
upper-alpha マーカーは上位アルファ (A、B、C、D、E など)
lower-greek 小文字のギリシャ文字 (アルファ、ベータ、ガンマなど)
##cjk-ideographic 単純な表意文字番号
hiragana 記号は、a、i、u、e、o、ka、ki などです。 (ひらがな)
カタカナマークは、A、I、U、E、O、KA、KI などです。 (カタカナ文字)
ひらがないろは記号は、「い」「ろ」「は」「に」「ほ」「へ」「と」などです。 (ひらがなの通し番号)
カタカナいろは記号は「い」「ろ」「は」「に」「ほ」「へ」「と」などです。 (カタカナシリアルナンバー)
例:

<html>
<head>
<style type="text/css">
.li1 
{
list-style:none
}
</style>
</head>

<body>
<ul>
<li class="li1">咖啡</li>
<li>茶</li>
<li>可口可乐</li>
</ul>
</body>

</html>

ログイン後にコピー

レンダリング:

詳細プログラミング用-関連の知識については、 CSS スタイル「list-style:none」とは何を意味しますか? プログラミング学習