好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

list-style

CSS list-style 属性用于设置列表标记的样式。它是同时设置, 和 的简写属性。

list-style 属性是设置列表项标记样式或通过 display: list-item 设置的列表元素的列表项样式的常用方式。

如果你指定了属性,那么使用指定的标记类型会被替换为指定的图像。

如果 list-style 的三个属性值都没有设置,浏览器会使用它们默认的值作为列表项标记的样式。

注意,如果你只为 list-style 属性设置了一个 none 值,那么该元素的列表标记将不会被显示。例如下面的代码:

ul { 
    list-style: none; 
}                              
                            

那么ul元素中的列表标记将不会显示。

官方语法
list-style: [ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] | inherit
                            

参数:

<'list-style-type'> :设置列表项标记的类型,具体可以参考属性。 <'list-style-position'> :设置列表项标记的位置,具体可以参考属性。 <'list-style-image'> :使用图像作为列表项标记,具体可以参考属性。 inherit :继承父元素的 list-style 值。

list-style 属性的初始值为 disc outside none 。

示例代码
ol {
    /* 同时指定图像和标记类型,使用的是图像作为标记 */
    list-style: url(images/arrow.png) disc;
}

ul li {
    list-style: upper-roman inside;
}

ol li > li {
    list-style: circle;
}

ul {
    list-style: square url('images/fancy-square.png') inside;
}                              
                            
浏览器支持

所有的现代浏览器都支持 list-style 属性,包括Chrome, Firefox, Safari, Opera, Internet Explorer 以及 Android 和 iOS。

查看更多关于list-style的详细内容...

  阅读:45次

上一篇: pointer-events

下一篇:max-height

CopyRight:2016-2025好得很程序员自学网 备案ICP:湘ICP备09009000号-16 http://www.haodehen.cn
本站资讯不构成任何建议,仅限于个人分享,参考须谨慎!
本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。
本网站刊载的所有内容(包括但不仅限文字、图片、LOGO、音频、视频、软件、程序等)版权归原作者所有。任何单位或个人认为本网站中的内容可能涉嫌侵犯其知识产权或存在不实内容时,请及时通知本站,予以删除。

网站内容来源于网络分享,如有侵权发邮箱到:kenbest@126.com,收到邮件我们会即时下线处理。
网站框架支持:HDHCMS   51LA统计 百度统计
Copyright © 2018-2025 「好得很程序员自学网
[ SiteMap ]