Login
网站首页 > 文章中心 > 其它

liststyle复合属性内部包含_list_style属性

作者:小编 更新时间:2023-07-27 08:35:44 浏览量:156人看过

在css中,"list-style:none"样式表示设置列表项标记的类型为空,即列表项前无标记。list-style属性默认列表项标记的类型为实心圆,如果属性值设置为none,则可以去掉列表项标记。

"list-style:none"样式表示设置列表项标记的类型为空,即列表项前无标记。

list-style 简写属性在一个声明中设置所有的列表属性。

可以设置的属性(按顺序): list-style-type, list-style-position, list-style-image。

其中list-style-type属性:可以设置列表项标记的类型。

其属性值:

none 无标记。

disc 默认。标记是实心圆。

circle 标记是空心圆。

square 标记是实心方块。

decimal 标记是数字。

decimal-leading-zero 0开头的数字标记。(01, 02, 03, 等。)

lower-roman 小写罗马数字(i, ii, iii, iv, v, 等。)

upper-roman 大写罗马数字(I, II, III, IV, V, 等。)

lower-alpha 小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。)

upper-alpha 大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。)

lower-greek 小写希腊字母(alpha, beta, gamma, 等。)

lower-latin 小写拉丁字母(a, b, c, d, e, 等。)

upper-latin 大写拉丁字母(A, B, C, D, E, 等。)

hebrew 传统的希伯来编号方式

armenian 传统的亚美尼亚编号方式

georgian 传统的乔治亚编号方式(an, ban, gan, 等。)

cjk-ideographic 简单的表意数字

hiragana 标记是:a, i, u, e, o, ka, ki, 等。(日文平假名字符)

katakana 标记是:A, I, U, E, O, KA, KI, 等。(日文片假名字符)

hiragana-iroha 标记是:i, ro, ha, ni, ho, he, to, 等。(日文平假名序号)

katakana-iroha 标记是:I, RO, HA, NI, HO, HE, TO, 等。(日文片假名序号)

用于设置 li 标签的项目符号的

CSS 属性 list-style-type 可以设置列表元素的 marker(比如圆点、符号、或者自定义计数器样式)

@disc: 全心圆

@circle: 空心圆

@square: 方形

@decimal: 数字

@upper-roman: 大写罗马数字

@lower-roman: 小写罗马数字

@upper-alpha: 大写字母

@lower-alpha: 小写字母

@trad-chinese-informal: 中文

@kannada: 印度语 ( 不推荐 )

@georgian: 阿拉伯数字( 不推荐 )

※ 注意: 输入时请忽略 '@', 例: X{ list-style-type: decimal; }

通过list-style属性可以设置无序列表和有序列表的列表项的符号、类型、位置等属性。它有三个子属性,分别是list-style-type、list-style-image和list-style-position.

1list-style-type用于指定列表项标记的类型,可以设置为disc(黑圆点)、circle(空心圆)、square(黑方块)、decimal(十进制数字)、lower-roman(小写罗马数字)等等。

2list-style-image用于设置自定义的列表项标记,可以使用图片作为标记,例如list-style-image:url('image.png');

3list-style-position用于设置列表项标记的位置,可以设置为inside(在列表项内部),outside(在列表项外部)。

list- style是css的样式列表里的一个属性。

就是指定列表的样式,这里有多个选择,而none的意思,就是设置这个列表的样式为空白,就是什么都没有。

一般默认的样式列表里每一行前面都会有一个实心的圆点作为每一行的装饰。使用这个语句之后,这个列表每一行前面的那个圆点就没了,不显示任何标记。

以上就是土嘎嘎小编大虾米为大家整理的liststyle复合属性内部包含_list_style属性相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章