美文网首页
css列表属性

css列表属性

作者: 青春前行 | 来源:发表于2017-07-05 19:42 被阅读0次

属性以及描述
list-style
简写属性。用于把所有用于列表的属性设置于一个声明中。
list-style-image
将图象设置为列表项标志。
list-style-position
设置列表中列表项标志的位置。
list-style-type
设置列表项标志的类型。

list-style可能的值
写在一起(list-style:list-style-type list-style-position list-style-image)
例如:
<pre>
ul {
list-style:square inside url('/i/arrow.gif');
}
</pre>
list-style-type
设置列表项标记的类型。参阅:list-style-type 中可能的值。
list-style-position
设置在何处放置列表项标记。参阅:list-style-position 中可能的值。
list-style-image
使用图像来替换列表项的标记。参阅:list-style-image 中可能的值。
inherit
规定应该从父元素继承 list-style 属性的值。

list-style-position属性设置在何处放置列表项标记
例如:
<pre>
ul{
list-style-position:inside; }
</pre>
可能的值
inside 列表项目标记放置在文本以内,且环绕文本根据标记对齐。
outside 默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外,且环绕文本不根据标记对齐。
inherit 规定应该从父元素继承 list-style-position 属性的值。
该列表的 list-style-position 的值是 "inside":
<pre>
该列表的 list-style-position 的值是 "inside":

Earl Grey Tea - 一种黑颜色的茶
Jasmine Tea - 一种神奇的“全功能”茶
Honeybush Tea - 一种令人愉快的果味茶
该列表的 list-style-position 的值是 "outside":

Earl Grey Tea - 一种黑颜色的茶
Jasmine Tea - 一种神奇的“全功能”茶
Honeybush Tea - 一种令人愉快的果味茶
</pre>

相关文章

  • CSS 列表属性

    列表属性 CSS列表属性用于设置HTML列表元素的样式,包括无序列表和有序列表。 CSS列表的所有属性: list...

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • CSS学习5

    列表 CSS 列表属性允许你放置、改变列表项标志,或者将图像作为列表项标志。 css列表属性: 代码举例: 修改用...

  • Day03_CSS属性组成和作用

    学习目标 1、css属性和属性值的定义2、css文本属性3、css列表属性4、css背景属性5、css边框属性6、...

  • 03-CSS核心属性

    学习目标 1、css浮动属性详解2、css文本属性3、css列表属性4、css背景属性5、css边框属性 一、cs...

  • 2018-09-19 css核心属性

    DAY4:CSS核心属性 学习目标 1、css浮动属性详解 2、css文本属性 3、css列表属性 4、css背景...

  • CSS 列表样式

    CSS为列表提供了专门的属性。使用list-style 属性来指定列表项标记的样式。 CSS中的选择器可以选中列表...

  • HTML+CSS+JavaScript知识点整理2

    CSS选择器 CSS注释 CSS列表属性 CSS边框属性:每个元素都可以加边框线 CSS内边距属性:边框线到内容间...

  • css列表属性

    属性以及描述list-style简写属性。用于把所有用于列表的属性设置于一个声明中。list-style-imag...

  • CSS 列表样式详解

    CSS列表用于前端的列表排列。 CSS列表属性作用如下: 设置不同的列表项标记为有序列表设置不同的列表项标记为无序...

网友评论

      本文标题:css列表属性

      本文链接:https://www.haomeiwen.com/subject/ziaqhxtx.html