首页 > 教程 > 关键词 > CSS最新资讯 > 正文

解析CSS列表样式属性list-style

2009-05-04 09:50 · 稿源:网页教学网

平时制作页面中可对属性list-style在list-item对象中常用,但用的都不深。一般都设为none重置整个页面就差不多OK,可能很多人包括本人对属性list-style-type更细节方面的属性并不是很了解,更有可能对属性list-style和属性list-style-type概念会比较模糊,现有必要把它提出来重新学习一下,故整理如下。

● list-style

定义:用于在一个声明中设置一个列表的所有属性的简写属性,该属性是一个简写属性,涵盖了所有其他列表样式属性,仅作用于具有display值等于list-item的对象(如li对象)。

相关 : list-style-image    list-style-position    list-style-type

● list-style-image

说明: 设置或检索作为对象的列表项标记的图像。若此属性值为 none 或指定 url 地址的图片不能被显示时,list-style-type 属性将发生作用。

取值:

none :  默认值。不指定图像

url ( url ) :  使用绝对或相对 url 地址指定图像

● list-style-position

说明: 设置或检索作为对象的列表项标记如何根据文本排列。假如一个列表项目的左外补丁( margin-left )被设置为 0 ,则列表项目标记不会被显示。左外补丁( margin-left )最小可以被设置为 30 。仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。

取值:

outside :  默认值。列表项目标记放置在文本以外,且环绕文本不根据标记对齐

inside :  列表项目标记放置在文本以内,且环绕文本根据标记对齐

● list-style-type

说明: 设置或检索对象的列表项所使用的预设标记。若 list-style-image 属性值为 none 或指定 url 地址的图片不能被显示时,此属性将发生作用。

取值:

disc :  CSS1 实心圆

circle :  CSS1 空心圆

square :  CSS1 实心方块

decimal :  CSS1 阿拉伯数字

lower-roman :  CSS1 小写罗马数字

upper-roman :  CSS1 大写罗马数字

lower-alpha :  CSS1 小写英文字母

upper-alpha :  CSS1 大写英文字母

none :  CSS1 不使用项目符号

armenian :  CSS2 传统的亚美尼亚数字

cjk-ideographic :  CSS2 浅白的表意数字

georgian :  CSS2 传统的乔治数字

lower-greek :  CSS2 基本的希腊小写字母

hebrew :  CSS2 传统的希伯莱数字

hiragana :  CSS2 日文平假名字符

hiragana-iroha :  CSS2 日文平假名序号

katakana :  CSS2 日文片假名字符

katakana-iroha :  CSS2 日文片假名序号

lower-latin :  CSS2 小写拉丁字母

upper-latin :  CSS2 大写拉丁字母

补充:此CSS2.1提出的.IE6,Firefox1.5+,Opera9+支持此属性,所以以数字方式显示列表也可以用ul来指定,并不一定必需要用ol来写。

  • 相关推荐
  • 大家在看
  • 见证历史:“blacklist”等表述将逐渐从源代码中消失!

    美国、欧洲“Black Lives Matter”运动愈演愈烈。本周消息,谷歌决定放弃 Chrome 浏览器中“blacklist(黑名单)“、“whitelist(白名单)”的用法,后续使用“blocklist”和“allowlist”来替代它们。

  • Chromium与Go开发者提议替换“blacklist”与“slave”等词

    ​最近美国引发的“Black Lives Matter”运动使得各种抗议声音不断,技术圈也有支持这一运动的行动。从源码中的一个新 commit 来看,Chromium 有开发者提议移除“blacklist(黑名单)”这样的字眼。

  • 卖家骑士Listing管家首发上线,一波免费活动又引来大批亚马逊卖家

    摘要:评论、跟卖、关键词、BSR都是亚马逊卖家非常关心的内容,它们好了,亚马逊店铺的运营情况基本就不会差,Listing管家就是帮助卖家把它们运营得更好的工具。6 月 10 日,卖家骑士又上线了一个新功能——Listing管家。做过亚马逊的人都知道,Listing运营几乎占据了亚马逊运营的全部工作,除了投广告。产品主图突然被黑、Listing 不知几时被跟卖、手动查找关键词排名效率低、人工翻看页面评论错过差评处理时间,是运营日常里最烦

  • ios14支持设备列表 苹果iOS14支持适配设备机型汇总

    苹果wwdc2020全球开发者大会最近正式在线上举办,其中曝光了iOS14支持的设备,很多朋友还不清楚到底支持哪些设备机型,下面就来为大家分享一下。

  • 6.18前划重点,三星S20系列表现全面更受追捧

    时值6. 18 大促时节,正是入手新机的好时机,而且随着5G时代的来临,不难发现今年的高端手机市场已悄然呈现了涨价态势,就连原本主打性价比的手机厂商,都不约而同地将售价上探到了 4000 元档,接近 6000 元售价的更不在少数。而在超 4000 元价位的高端市场上,消费者对售价已不再如此敏感,也更愿入手一款全面无短板旗舰之作,而表现全面的三星Galaxy S20 系列,也因此成为了越来越多人的首选。那么相比其他手机,三星Galaxy S20

  • AppClips是什么功能 AppClips怎么使用

    苹果iOS14系统中加入了一个全新的AppClips功能,这个功能是可以让用户不下载全部应用的情况下就可以使用该应用的功能,那么AppClips是怎么使用,这里我们来了解下AppClips功能的介绍。

  • 十万以下买什么车好?CS35PLUS不容错过

    对于大多数年轻人来说,购车预算往往在十万左右,而这一级别市场也成为竞争最激烈的细分市场。各家车企面对激烈的竞争,为了吸引消费者的关注,更是推出众多产品来抢占市场。不过也正是因为如此,很多消费者都纠结十万以下买什么车好?而作为国产车企中的老大哥,长安汽车旗下的CS35PLUS无疑是“十万以下买什么车好”的代表之一。初看长安CS35PLUS,你会觉得这款车与市场上其他同级产品有着很大不同。在长安CS35 PLUS身上,虽然也能看到一丝

  • StrategyAnalytics:超宽带芯片正在迈向成功

    Strategy Analytics最新发布的研究报告《UWB的回归:智能手机、汽车、工业等芯片预测》指出,2019年UWB(超宽带)系统和无线电芯片市场实现了飞跃;于此同时,新标准、芯片和应用意味着UWB的复兴。相关资料显示,UWB 技术是一种传输速率高,发射功率较低,穿透能力较强并且是基于极窄脉冲的无线技术。 StrategyAnalytics指出,苹果iPhone11机型采用了全新的U1超宽带无线电芯片以及用于远程无钥匙进入的新汽车标准推动?

  • 探探新增“发现”页 强化短视频和社区属性

    【TechWeb】6月22日消息,社交软件探探的新版本增加了“发现”页,App会基于地理位置推送附近其他人发布的图文、视频等,用户可通过点赞、评论、关注与发布者互动。如图,此次探探对App界面进行了改版:原来在二级页面中才能打开的聊天、朋友圈等功能,被设计成“消息”、“发现”按钮被放置在开屏底栏,在“发现”板块内的“附近”按钮下,目前是以信息流的形式呈现附近的用户发布的图文、视频等内容。与过去只有已匹配朋友才能?

  • linux系统入门用什么书好

    有朋友问我为何学习Linux,其实我刚开始学习时也有这个疑问,不知道它的用处何在,它的优点何在,就会有这样的疑问,只是看到好多人都在学习,很好奇,自己也想学一下,但又不知道为何要学它。后来我就在网上和图书馆找Linux相关的知识和书籍,对其知识有了全面的了解后决定是不是要学习,就不会盲目跟风,明白自己为何要学习是很重要的。言归正传,为何要学习Linux呢,首先了解一下Linux,它是一套可以供大家免费使用的类Unix操作

  • linux系统入门用什么书好

    有朋友问我为何学习Linux,其实我刚开始学习时也有这个疑问,不知道它的用处何在,它的优点何在,就会有这样的疑问,只是看到好多人都在学习,很好奇,自己也想学一下,但又不知道为何要学它。后来我就在网上和图书馆找Linux相关的知识和书籍,对其知识有了全面的了解后决定是不是要学习,就不会盲目跟风,明白自己为何要学习是很重要的。言归正传,为何要学习Linux呢,首先了解一下Linux,它是一套可以供大家免费使用的类Unix操作

  • Serverless架构的前世今生

    一、Serverless简介云计算的不断发展,涌现出很多改变传统IT架构和运维方式的新技术,而以虚拟机、容器、微服务为代表的技术更是在各个层面不断提升云服务的技术能力,它们将应用和环境中很多通用能力变成了一种服务。但无论这些技术应用在哪里,帮助企业“降本增效”是技术变革永恒的主题。Serverless架构的出现,带来了跨越式的变革。Serverless下主机管理、操作系统管理、基础软件的部署运维、资源分配和扩缩容能力全部由云厂?

  • 跨境收款别担心,有亚马逊全球收款(ACCS)就够了

    收款,可以说是跨境电商卖家业务全流程中最重要的环节。跨境电商业务中的选品、采购、仓储、物流、营销等环节都需要依托于稳定的资金链来进行,而收款的高效安全稳定是卖家回笼货款并用于下一流程业务开展的关键。近期某国外支付平台破产暴雷,卖家辛辛苦苦销售货品所得的货款无法拿到手,没有比这更糟心的事了。要想做好跨境电商业务,选择一个稳定安全的收款渠道也是一门必修课。今天就给大家介绍一下近来市场上炒得火热的亚马逊官方?

  • 完美世界协助警方抓获CSGO外挂“Killer”制售团伙

    近日,CS:GO官方发文称,国服自上线以来,一直对作弊现象采取零容忍态度,坚决打击任何破坏游戏公平性的行为。近日,完美世界联合警方,成功打掉一个CS:GO外挂跨省制售团伙,抓获犯罪嫌疑人3名,其涉案金额高达百余万元。

  • 和平精英SS8赛季手册寻宝行动全攻略 SS8赛季手册寻宝行动教程

    ​和平精英SS8赛季手册寻宝行动是新增的玩法,在其中可以获得非常多的奖励,但是一些玩家还不清楚怎么去玩寻宝行动,下面就来为大家分享一下和平精英SS8赛季手册寻宝行动全攻略。

  • 和平精英SS8赛季手册全部奖励汇总 SS8赛季手册皮肤奖励一览

    ​和平精英的SS8赛季手册马上就要上线了,很多玩家还不清楚此次S8的赛季手册有什么内容,所以今天就来为大家分享一下和平精英SS8赛季手册全部奖励汇总。

  • LOL新英雄Lillia什么时候出 莉莉娅新游戏上线时间

    在LOL测试服中出现了一个新的英雄名字“Lillia”(暂译:莉莉娅),目前有关这个英雄的信息还十分少,不少玩家很期待这个英雄什么时候会推出,这里我们来看下莉莉娅英雄的上线时间。

  • DNF纯铜刀叉套件光环外观属性汇总 纯铜刀叉套件光环怎么样

    ​DNF的纯铜刀叉套件光环很多玩家还不知道怎么样,下面就来为大家分享一下DNF纯铜刀叉套件光环外观属性汇总。

  • Xbox智能分发是什么 Smart Delivery有哪些服务

    微软游戏业务部门Xbox在近日公布了一个全新的服务——智能分发(Smart Delivery),这一个将上一代主机游戏延续到次世代主机的服务,具体服务内容是什么呢,我们来一起看下。

  • 沫子直播100个CSGO开箱,“脸太黑”差一点想卸载游戏

    斗玩网原创:不少喜欢看绝地求生直播的观众应该都会知道沫子这个妹子主播,她有着“绝地求生一姐”称号,不仅颜值不错,性格也十分好,更是通过自己出色的吃鸡技术赢得了大量玩家的关注。而最近沫子开始接触了CSGO这款游戏,不过在开箱环节却遭遇到了人生最“黑暗”时刻,甚至要气到打算卸载了游戏。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议