美文网首页
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列表属性

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