CSS - list-style-type 属性_CSS 菜鸟教程

CSS list-style-type 属性有助于设置列表项元素的标记。标记的颜色将与其应用到的元素的颜色保持相同。

很少有 HTML 元素，如 <li> 和 <summary> 的默认值为 display： list-item。任何带有 display： list-item 的元素都可以在其上设置列表样式类型属性。

很少有列表样式类型的值需要安装适当的字体，以便按预期显示内容。

此外，cjk-ideographic 与 trad-chinese-ininformal 相同，因为它是遗留需求所必需的。

语法

CSS 属性 list-style-type 可以有不同的值。让我们检查所有可能的可用语法，为 list-style-type 设置一个值。

@counter式价值

list-style-type: disc;
list-style-type: circle;
list-style-type: square;
list-style-type: decimal;
list-style-type: cjk-decimal;
list-style-type: decimal-leading-zero;
list-style-type: lower-roman;
list-style-type: upper-roman;
list-style-type: lower-greek;
list-style-type: lower-aplha, lower-latin;
list-style-type: upper-aplha, upper-latin;
list-style-type: arabic-indic, -moz-arabic-indic;
list-style-type: armenian;
list-style-type: bengali, -moz-bengali;
list-style-type: cambodian/khmer;
list-style-type: cjk-earthly-branch, -moz-cjk-earthly-branch;
list-style-type: cjk-heavenly-stem, -moz-cjk-heavenly-stem;
list-style-type: cjk-ideographic;
list-style-type: devanagari, -moz-devanagari;
list-style-type: ethiopic-numeric;
list-style-type: georgian;
list-style-type: gujarati, -moz-gujarati;
list-style-type: gurmukhi, -moz-gurmukhi;
list-style-type: hebrew;
list-style-type: hiragana;
list-style-type: hiragana-iroha;
list-style-type: japanese-formal;
list-style-type: japanese-informal;
list-style-type: kannada, -moz-kannada;
list-style-type: katakana;
list-style-type: katakana-iroha;
list-style-type: korean-hangul-formal;
list-style-type: korean-hanja-formal;
list-style-type: korean-hanja-informal;
list-style-type: lao, -moz-lao;
list-style-type: lower-armenian;
list-style-type: malayalam, -moz-malayalam;
list-style-type: mongolian;
list-style-type: myanmar, -moz-myanmar;
list-style-type: oriya, -moz-oriya;
list-style-type: persian, -moz-persian;
list-style-type: simp-chinese-formal;
list-style-type: simp-chinese-informal;
list-style-type: tamil, -moz-tamil;
list-style-type: telugu, -moz-telugu;
list-style-type: thai, -moz-thai;
list-style-type: tibetan;
list-style-type: trad-chinese-formal;
list-style-type: trad-chinese-informal;
list-style-type: upper-armenian;
list-style-type: disclosure-open;
list-style-type: disclosure-closed;

字符串值

list-style-type: "<string>";

关键字值

list-style-type: none;

Global 值

list-style-type: inherit;
list-style-type: initial;
list-style-type: revert;
list-style-type: revert-layer;
list-style-type: unset;

适用于

列表项。<li> 和 <summary> 等元素，以及所有具有 display： list-item 的元素。

DOM 语法

object.style.listStyleType = <counter-style> | <string> | <none>

可能的值

CSS 属性 list-style-type 可以具有以下值之一：

<custom ident>：它是与@counter样式的值或任何一种预定义样式的值匹配的标识符。
symbols（）：设置列表的匿名样式。
<string>：项目的标记决定了传递的字符串值。
none：未设置列表项的标记。

辅助功能问题：当 list-style-type 的值设置为 none 时，Safari 无法将有序列表或无序列表识别为辅助功能树中的列表。

CSS list-style-type - 十进制

以下是 list-style-type 的示例：有序列表的十进制 CSS 属性：

<html>
<head>
<style>
	 	.type-decimal {
	 	 	 list-style-type: decimal;
	 	}
</style>
</head>
<body>
	 	<h2>Ordered list - list style type</h2>
	 	<ol class="type-decimal"><u>List style type - decimal</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ol>
</body>
</html>

CSS list-style-type - 小数前导零

以下是有序列表的 list-style-type： decimal-leading-zero CSS 属性的示例：

<html>
<head>
<style>
	 	.type-decimal-zero {
	 	 	 list-style-type: decimal-leading-zero;
	 	}
</style>
</head>
<body>
	 	<h2>Ordered list - list style type</h2>
	 	<ol class="type-decimal-zero"><u>List style type - decimal-leading-zero</u>
	 	 	 <li>First Item
	 	 	 	 	<ol>
	 	 	 	 	<li>Sub first item</li>
	 	 	 	 	<li>Sub second item</li>
	 	 	 	 	</ol>
	 	 	 </li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ol>
</body>
</html>

CSS list-style-type - upper-alpha

下面是 list-style-type 的示例： upper-alpha 有序列表的 CSS 属性：

<html>
<head>
<style>
	 	.type-upper-alpha {
	 	 	 list-style-type: upper-alpha;
	 	}
</style>
</head>
<body>
	 	<h2>Ordered list - list style type</h2>
	 	<ol class="type-upper-alpha"><u>List style type - upper-alpha</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ol>
</body>
</html>

CSS list-style-type - lower-alpha

以下是 list-style-type 的示例： order-list 的 lower-alpha CSS 属性：

<html>
<head>
<style>
	 	.type-lower-alpha {
	 	 	 list-style-type: lower-alpha;
	 	}
</style>
</head>
<body>
	 	<h2>Ordered list - list style type</h2>
	 	<ol class="type-lower-alpha"><u>List style type - lower-alpha</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ol>
</body>
</html>

CSS list-style-type - 低希腊语

以下是有序列表的 list-style-type： lower-greek CSS 属性的示例：

<html>
<head>
<style>
	 	.type-lower-greek {
	 	 	 list-style-type: lower-greek;
	 	}
</style>
</head>
<body>
	 	<h2>Ordered list - list style type</h2>
	 	<ol class="type-lower-greek"><u>List style type - lower-greek</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ol>
</body>
</html>

CSS list-style-type - 上希腊语

下面是一个 list-style-type： upper-greek CSS 属性的有序列表示例：

<html>
<head>
<style>
	 	.type-upper-greek {
	 	 	 list-style-type: upper-greek;
	 	}
</style>
</head>
<body>
	 	<h2>Ordered list - list style type</h2>
	 	<ol class="type-upper-greek"><u>List style type - upper-greek</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ol>
</body>
</html>

CSS list-style-type - 下罗马语

以下是有序列表的 list-style-type： lower-roman CSS 属性的示例：

<html>
<head>
<style>
	 	.type-lower-roman {
	 	 	 list-style-type: lower-roman;
	 	}
</style>
</head>
<body>
	 	<h2>Ordered list - list style type</h2>
	 	<ol class="type-lower-roman"><u>List style type - lower-roman</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ol>
</body>
</html>

CSS list-style-type - 大罗马

以下是 list-style-type 的示例： upper-roman CSS 属性用于有序列表：

<html>
<head>
<style>
	 	.type-upper-roman {
	 	 	 list-style-type: upper-roman;
	 	}
</style>
</head>
<body>
	 	<h2>Ordered list - list style type</h2>
	 	<ol class="type-upper-roman"><u>List style type - upper-roman</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ol>
</body>
</html>

CSS list-style-type - 下拉丁语

下面是 list-style-type：下拉丁语 CSS 属性的有序列表示例：

<html>
<head>
<style>
	 	.type-lower-latin {
	 	 	 list-style-type: lower-latin;
	 	}
</style>
</head>
<body>
	 	<h2>Ordered list - list style type</h2>
	 	<ol class="type-lower-latin"><u>List style type - lower-latin</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ol>
</body>
</html>

CSS list-style-type - 大拉丁文

下面是 list-style-type：有序列表的上拉丁语 CSS 属性的示例：

<html>
<head>
<style>
	 	.type-upper-latin {
	 	 	 list-style-type: upper-latin;
	 	}
</style>
</head>
<body>
	 	<h2>Ordered list - list style type</h2>
	 	<ol class="type-upper-latin"><u>List style type - upper-latin</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ol>
</body>
</html>

CSS list-style-type - none

下面是 list-style-type 的示例： none 有序列表的 CSS 属性：

<html>
<head>
<style>
	 	.type-none {
	 	 	 list-style-type: none;
	 	}
</style>
</head>
<body>
	 	<h2>Ordered list - list style type</h2>
	 	<ol class="type-none"><u>List style type - none</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ol>
</body>
</html>

CSS list-style-type - 光盘

下面是 list-style-type 的示例： disc CSS 属性用于无序列表：

<html>
<head>
<style>
	 	.type-disc {
	 	 	 list-style-type: disc;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-disc"><u>List style type - disc</u>
	 	 	 <li>First Item
	 	 	 <ul>
	 	 	 	 	<li>Sub first item</li>
	 	 	 	 	<li>Sub second item</li>
	 	 	 </ul>
	 	 	 </li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - circle

下面是一个 list-style-type 的示例： circle CSS 属性用于无序列表：

<html>
<head>
<style>
	 	.type-circle {
	 	 	 list-style-type: circle;	
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-circle"><u>List style type - circle</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 正方形

下面是一个 list-style-type： square CSS 属性的无序列表示例：

<html>
<head>
<style>
	 	.type-square {
	 	 	 list-style-type: square;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-square"><u>List style type - square</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - none

下面是一个 list-style-type 的示例： none 无无序列表的 CSS 属性：

<html>
<head>
<style>
	 	.type-none {
	 	 	 list-style-type: none;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-none"><u>List style type - none</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 阿拉伯语-印度语

下面是一个CSS list-style-type：arabic-indic 属性的示例，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-arabic-indic {
	 	 	 list-style-type: arabic-indic;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-arabic-indic"><u>List style type - arabic-indic</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 亚美尼亚语

以下是 CSS list-style-type ：<counter-style> 属性示例的值的无序列表的亚美尼亚语：

<html>
<head>
<style>
	 	.type-armenian {
	 	 	 list-style-type: armenian;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-armenian"><u>List style type - armenian</u>
	 	 	 <li>First Item
	 	 	 	 	<ul>
	 	 	 	 	<li>Sub first item</li>
	 	 	 	 	<li>Sub second item</li>
	 	 	 	 	</ul>
	 	 	 </li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 孟加拉语

下面是 list-style-type 的示例：具有 <counter-style> 值的无序列表的孟加拉语 CSS 属性：

<html>
<head>
<style>
	 	.type-bengali {
	 	 	 list-style-type: bengali;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-bengali"><u>List style type - bengali</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 柬埔寨语

下面是一个 list-style-type 的示例：具有 <counter-style> 值的无序列表的柬埔寨 CSS 属性：

<html>
<head>
<style>
	 	.type-cambodian {
	 	 	 list-style-type: cambodian;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-cambodian"><u>List style type - cambodian</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - cjk-earthly-branch

以下是 list-style-type 的示例： cjk-earthly-branch 具有 <counter-style> 值的无序列表的属性：

<html>
<head>
<style>
	 	.type-cjk-earthly-branch {
	 	 	 list-style-type: cjk-earthly-branch;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-cjk-earthly-branch"><u>List style type - cjk-earthly-branch</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - cjk-heavenly-stem

以下是 list-style-type 的示例： cjk-heavenly-stem CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-cjk-heavenly-stem {
	 	 	 list-style-type: cjk-heavenly-stem;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-cjk-heavenly-stem"><u>List style type - cjk-heavenly-stem</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - cjk-ideographic

下面是一个 list-style-type 的示例： cjk-ideographic CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-cjk-ideographic {
	 	 	 list-style-type: cjk-ideographic;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-cjk-ideographic"><u>List style type - cjk-ideographic</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 梵文

以下是 list-style-type 的示例： devanagari CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-devanagari {
	 	 	 list-style-type: devanagari;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-devanagari"><u>List style type - devanagari</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 埃塞俄比亚语-数字

下面是 list-style-type 的示例：具有 <counter-style> 值的无序列表的 ethiopic-numeric CSS 属性：

<html>
<head>
<style>
	 	.type-ethiopic-numeric {
	 	 	 list-style-type: ethiopic-numeric;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-ethiopic-numeric"><u>List style type - ethiopic-numeric</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 格鲁吉亚语

下面是一个 list-style-type 的示例：具有 <counter-style> 值的无序列表的格鲁吉亚 CSS 属性：

<html>
<head>
<style>
	 	.type-georgian {
	 	 	 list-style-type: georgian;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-georgian"><u>List style type - georgian</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 古吉拉特语

下面是 list-style-type 的示例：带有 <counter-style> 值的无序列表的古吉拉特语 CSS 属性：

<html>
<head>
<style>
	 	.type-gujarati {
	 	 	 list-style-type: gujarati;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-gujarati"><u>List style type - gujarati</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - gurmukhi

下面是一个 list-style-type 的示例： gurmukhi 具有 <counter-style> 值的无序列表的属性：

<html>
<head>
<style>
	 	.type-gurmukhi {
	 	 	 list-style-type: gurmukhi;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-gurmukhi"><u>List style type - gurmukhi</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 希伯来语

下面是 list-style-type 的示例：具有 <counter-style> 值的无序列表的希伯来语 CSS 属性：

<html>
<head>
<style>
	 	.type-hebrew {
	 	 	 list-style-type: hebrew;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-hebrew"><u>List style type - hebrew</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 平假名

以下是 list-style-type 的示例：平假名 CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-hiragana {
	 	 	 list-style-type: hiragana;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-hiragana"><u>List style type - hiragana</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 平假名-iroha

以下是 list-style-type 的示例： hiragana-iroha 具有 <counter-style> 值的无序列表的属性：

<html>
<head>
<style>
	 	.type-hiragana-iroha {
	 	 	 list-style-type: hiragana-iroha;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-hiragana-iroha"><u>List style type - hiragana-iroha</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 日语正式

以下是 list-style-type 的示例： japanese-formal CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-jap-formal {
	 	 	 list-style-type: japanese-formal;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-jap-formal"><u>List style type - japanese-formal</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 日语非正式

下面是 list-style-type 的示例： japanese-informal CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-jap-informal {
	 	 	 list-style-type: japanese-informal;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-jap-informal"><u>List style type - japanese-informal</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 卡纳达语

下面是 list-style-type 的示例：卡纳达语 CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-kannada {
	 	 	 list-style-type: kannada;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-kannada"><u>List style type - kannada</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 片假名

以下是 list-style-type 的示例：片假名 CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-katakana {
	 	 	 list-style-type: katakana;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-katakana"><u>List style type - katakana</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 片假名伊吕波

以下是 list-style-type 的示例： katakana-iroha 具有 <counter-style> 值的无序列表的 CSS 属性：

<html>
<head>
<style>
	 	.type-katakana-iroha {
	 	 	 list-style-type: katakana-iroha;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-katakana-iroha"><u>List style type - katakana-iroha</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 韩文韩文正式版

以下是 list-style-type 的示例： korean-hangul-formal CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-korean-hangul-formal {
	 	 	 list-style-type: korean-hangul-formal;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-korean-hangul-formal"><u>List style type - korean-hangul-formal</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 韩文汉字正式版

以下是具有 <counter-style> 值的无序列表的 list-style-type： korean-hanja-formal CSS 属性的示例：

<html>
<head>
<style>
	 	.type-korean-hanja-formal {
	 	 	 list-style-type: korean-hanja-formal;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-korean-hanja-formal"><u>List style type - korean-hanja-formal</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 老挝语

下面是 list-style-type 的示例： lao CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-lao {
	 	 	 list-style-type: lao;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-lao"><u>List style type - lao</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 下亚美尼亚语

下面是一个 list-style-type 的示例：下亚美尼亚语 CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-lower-armenian {
	 	 	 list-style-type: lower-armenian;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-lower-armenian"><u>List style type - lao</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 马拉雅拉姆语

下面是一个 list-style-type 的示例： malayalam CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-malayalam {
	 	 	 list-style-type: malayalam;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-malayalam"><u>List style type - malayalam</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 蒙古语

下面是一个 list-style-type 的示例：蒙古语 CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-mongolian {
	 	 	 list-style-type: mongolian;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-mongolian"><u>List style type - mongolian</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 缅甸

下面是 list-style-type 的示例：缅甸具有 <counter-style> 值的无序列表的 CSS 属性：

<html>
<head>
<style>
	 	.type-myanmar {
	 	 	 list-style-type: myanmar;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-myanmar"><u>List style type - myanmar</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - oriya

下面是一个 list-style-type 的示例： oriya CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-oriya {
	 	 	 list-style-type: oriya;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-oriya"><u>List style type - oriya</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 波斯语

下面是一个 list-style-type 的示例：带有 <counter-style> 值的无序列表的波斯语 CSS 属性：

<html>
<head>
<style>
	 	.type-persian {
	 	 	 list-style-type: persian;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-persian"><u>List style type - persian</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - simp-chinese-formal

以下是 list-style-type 的示例： simp-chinese-formal CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-simp-chinese-formal {
	 	 	 list-style-type: simp-chinese-formal;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-simp-chinese-formal"><u>List style type - simp-chinese-formal</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - simp-chinese-informal

以下是 list-style-type 的示例： simp-chinese-informal CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-simp-chinese-informal {
	 	 	 list-style-type: simp-chinese-informal;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-simp-chinese-informal"><u>List style type - simp-chinese-informal</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 泰米尔语

下面是一个 list-style-type 的示例： tamil CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-tamil {
	 	 	 list-style-type: tamil;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-tamil"><u>List style type - tamil</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 泰卢固语

下面是 list-style-type 的示例：泰卢固语 CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-telugu {
	 	 	 list-style-type: telugu;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-telugu"><u>List style type - telugu</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 泰语

下面是 list-style-type 的示例：具有 <counter-style> 值的无序列表的 thai CSS 属性：

<html>
<head>
<style>
	 	.type-thai {
	 	 	 list-style-type: thai;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-thai"><u>List style type - thai</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 藏文

下面是 list-style-type 的示例：具有 <counter-style> 值的无序列表的藏文 CSS 属性：

<html>
<head>
<style>
	 	.type-tibetan {
	 	 	 list-style-type: tibetan;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-tibetan"><u>List style type - tibetan</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 繁体中文正式版

以下是具有 <counter-style> 值的无序列表的 list-style-type： trad-chinese-formal CSS 属性的示例：

<html>
<head>
<style>
	 	.type-trad-chinese-formal {
	 	 	 list-style-type: trad-chinese-formal;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-trad-chinese-formal"><u>List style type - trad-chinese-formal</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 繁体中文非正式

以下是具有 <counter-style> 值的无序列表的 list-style-type： trad-chinese-informal CSS 属性的示例：

<html>
<head>
<style>
	 	.type-trad-chinese-informal {
	 	 	 list-style-type: trad-chinese-informal;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-trad-chinese-informal"><u>List style type - trad-chinese-informal</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 上亚美尼亚语

下面是一个 list-style-type 的示例： upper-armenian CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-upper-armenian {
	 	 	 list-style-type: upper-armenian;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-upper-armenian"><u>List style type - upper-armenian</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 披露打开

以下是 list-style-type 的示例： disclosure-open CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-disclosure-open {
	 	 	 list-style-type: disclosure-open;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-disclosure-open"><u>List style type - disclosure-open</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

CSS list-style-type - 披露已关闭

以下是 list-style-type 的示例： disclosure-closed CSS 属性，用于具有 <counter-style> 值的无序列表：

<html>
<head>
<style>
	 	.type-disclosure-closed {
	 	 	 list-style-type: disclosure-closed;
	 	}
</style>
</head>
<body>
	 	<h2>Unordered list - list style type</h2>
	 	<ul class="type-disclosure-closed"><u>List style type - disclosure-closed</u>
	 	 	 <li>First Item</li>
	 	 	 <li>Second Item</li>
	 	 	 <li>Third Item</li>
	 	</ul>
</body>
</html>

<< CSS - list-style-position 属性 CSS - margin 属性 >>