首页 > 教程 > 关键词 > 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来写。

  • 相关推荐
  • 大家在看
  • 最大化品牌效应,康巴赫式style搅动厨房江湖

    近几年的厨具市场可谓是波橘云诡,人们生活水平的提升对厨具市场提出了新的要求,大规模、批量化的产品已经无法满足大众化需求,厨具企业的“目标”已经演变到向不同群体、性别、年龄层的分众化营销阶段。这种形势下,很多传统厨具品牌应对乏力,面对新消费人群放不下传统大品牌的“身段”,当年轻人连对厨房都不感冒的时候,这些厨具品牌自说自话式的营销更显得是“驴唇不对马嘴”,在品牌传播和影响力方面,也是举步维艰,更妄谈

  • Tim Cook发布了“活动日”的音乐播放列表 歌名给相机点赞

    在苹果"iPhone12"发布会之前,CEO蒂姆·库克透露了这次活动日的AppleMusic播放列表。TimCook在Twitter上说:"嘿,Siri,播放我的活动日播放列表。"并附上了整个播放列表的AppleMusic链接。这份列表似乎是昨天更新的,共有27首歌曲,时长1小时42分钟。

  • 阿里官网更新领导团队页面:马云从董事会成员列表中移除

    10 月 6 日消息,阿里巴巴集团官网“领导团队”一栏发生更新,马云已从董事会成员列表中移除。阿里巴巴 9 月 30 日在港交所发布公告称,于公告日期当日,阿里巴巴的董事会包括董事张勇(董事会主席)、蔡崇信、武卫、J. Michael Evans、井贤栋及Kabir Misra;以及独立董事董建华、郭德明、杨致远、E. Brje Ekholm及Wan Ling Martello。

  • 阿里官网更新领导团队页面,马云从董事会成员列表中移除

    阿里巴巴集团官网“领导团队”一栏发生更新,马云已从董事会成员列表中移除。

  • 2021年Emoji列表发布 包含7个全新设计表情

    在统一码联盟最近公布的 Emoji 13. 1 列表中,增加 217 个新的表情符号,有 7 个是全新设计的符号。

  • 通过盲盒传递温度 KOLILIKO自有生态优势初显

    2020 年CICF中国国际漫画节动漫游戏展在国庆期间如期举办,新生潮玩品牌KOLILIKO口力力口(以下简称KOLILIKO)作为主办方合作伙伴受邀参展,携两大自主IP首次线下亮相。在赛道愈发拥挤的盲盒领域,新品牌如何突出重围? 行业赛道加剧争抢 自有生产链优势初显 潮玩行业在近两年增长迅猛,无论资本还是企业,都纷纷抢夺赛道,渴望从中分一杯羹。也有专家表示,潮玩行业尚处于发展初期,行业处于风口小趋势,至少还有五年高速增长态势。

  • 和平精英ss11赛季什么时候开始 ss11赛季具体上线日期时间

    和平精英目前还是在SS10赛季中,但是不少玩家已经在期待下一个SS11赛季了,很多玩家还不清楚S11赛季什么时候开始,下面就来为大家详细的介绍一下。

  • 三诺为您解析:甘油三酯是血脂吗?

    甘油三酯是血脂吗?一般来说,血脂检查主要有四项,分别是:血清甘油三酯、血清总胆固醇、血清高密度脂蛋白和血清低密度脂蛋白,可以说是其中之一。不少人体检结果都会出现甘油三脂高的情况。甘油三酯高怎么回事?甘油三酯是人体血液内含量最多的脂类物质,主要来源于食物摄入和肝脏、脂肪等组织的合成。它主要有两个重要作用,一是储存脂肪、供应能量;二是隔热、保护机体。如果甘油三酯升高,可能会造成肥胖、脂肪肝、动脉粥样硬化等

  • 原神如何搭配圣遗物最大化收益 圣遗物属性收益计算攻略

    原神中圣遗物的选择至关重要,圣遗物算是大幅度提升人物属性的最好途径,那么圣遗物要怎么搭配才能使得人物属性的收益最大化呢?下面就来为大家分享一下攻略。

  • 抢占创业先机,解析“鲸喜汇”门店经营新方式!

    近年来,随着电商行业的兴起,实体门店饱受冲击。许多门店老板面临客源、现金流、员工管理等一系列难题,为了帮助他们化解门店经营危机,鲸喜汇在 2020 年正式推出会员制运营系统,得到行业老板们的鼎力支持。2020 年鲸喜汇团队进行品牌全面升级,成为国内知名的门店管理软件供应商,专注于提供门店运营解决方案。据了解,鲸喜汇拥有健全的新会员店商联盟体系,能持续赋能实体商家,不仅为门店提供品牌、技术、培训、服务、运营、?

  • 高发泡与EVA有哪些区别?EVA内衬厂家为您解析

    eva是一种高分子共聚物,中文名称是乙烯-醋酸乙烯酯共聚物,本身并不是泡沫材料,在它还没被发泡的时候,它是白色微透明颗粒状的。并且根据共聚物中乙烯和醋酸乙烯的含量不同,它所具有的性质也是不同的。一般情况下,醋酸乙烯酯含量在5%以下的EVA,其主要产品是薄膜、电线电缆、LDPE改性剂、胶黏剂等;醋酸乙烯酯含量在5%~10%的EVA产品为弹性薄膜等;醋酸乙烯酯含量在20%~28%的EVA,主要用于热熔黏合剂和涂层制品;醋酸乙烯酯含量

  • 潮玩元年中的新生力量 KOLILIKO发布华夏文化IP盲盒

    2020 年CICF中国国际漫画节动漫游戏展(以下简称: CICF)即将于 10 月 1 日,在广州保利世贸博览馆拉开帷幕。新生潮玩品牌KOLILIKO将作为官方合作伙伴,携两大IP“上古神话”和“BOBOMIA”进行首次线下亮相。 潮玩行业遭争抢 生产链为最重要一环 作为头部大型动漫游戏展会,已经举办十三届的CICF堪称国内顶级动漫盛事,在ACG群体中拥有巨大影响力。 潮玩行业在近两年增长迅猛,如同 80 年代的IT行业,无论资本还是企业,都纷纷抢夺

  • 解析翼龙贷风险为什么低?不盲目跟风理财

    随着经济的发展,人们理财观念的提高,有很多人开始选择投资理财,但是由于都是新手大多是盲目理财。其实,这样投资风险会很大,那么,我们应该怎么选择才能降低风险呢?翼龙贷风险又为什么低呢?首先知道一些最基本的常识,哪一年成立的,总部在哪,宗旨是什么,都提供哪些服务。总不能什么都不知道就乱使用。下面这些就是我们必须知道的,翼龙贷成立于2007年,是国内P2P行业中第一批探索者,总部位于北京。目前已在全国数百个城市?

  • 和平精英SS10赛季手册奖励内容汇总 SS10赛季手册全部内容一览

    和平精英在10月13日上线了SS10赛季的赛季手册,很多玩家还不清楚这次的赛季手册的奖励内容是什么,下面就来为大家详细的介绍一下。

  • RHFITNESS任和参展第38届体博会,诚邀您的莅临

    2020 年 9 月 28 日,第 38 届中国国际体育用品博览会(以下简称“ 2020 体博会”)将在国家会展中心(上海)举行。本届体博会是疫情防控工作进入常态化后国内举办的首场综合性国际体育用品展会,吸引了超过 1000 家企业共聚上海。 RHFITNESS任和品牌将携带旗下多款智能跑步机、走步机,参展本届体博会,为观展人员带来更智能、澎湃的健身体验。升级机型、智能触控……汇聚各类智能特色新品。 RHFITNESS任和品牌定位于中高端家用运动?

  • 深入解析Lua脚本加密技术,给游戏代码加上“紧箍咒”

    不少安全专家表示,在互联网上失去对代码的控制,就像把银行的设计图交给抢劫犯一样。Lua是一种被广泛用于游戏开发中的计算机语言,方便开发者定制自己所需的功能。其中,红遍全球的《愤怒的小鸟》就是由Lua语言用Wax开发的。此外,梦幻西游、奇迹暖暖、开心消消乐、放置奇兵、最强蜗牛等手游也采用了Lua语言进行编写。近年来,Lua脚本在游戏行业长期流行,但Lua脚本泄露事件屡见不鲜,其安全性也引起关注。不法分子通过开私服、开

  • 苹果首批 Silicon Mac 型号曝光

    DoNews 10月14日消息(记者 刘文轩)外界预计苹果将在 11 月开始为 Mac 设备带来 Apple Silicon 芯片,这些 Mac 设备的型号已经在被提交到欧亚经济委员会(EEC)的文件中曝光。Consomac 消息称,这份文件中包含此前被曝光但尚未发布的 Mac 型号,也包括一些全新的型号。监管机构的数据通常被外界视为苹果即将推出产品的可靠指标。具体来说,提交到 EEC 的文件中,型号为 A2147、A2158 和 A2182 的 Mac 设备还没有被苹果发布,但曾?

  • Netflix扩大英国业务 将拓展办公区

    DoNews10月10日消息(记者 翟继茹)10日,彭博社援引知情人士消息称,Netflix计划将伦敦的办公室扩大两倍,并搬进这一新的英国总部。报道称,这一新大楼占地87000平方英尺,曾属于伯纳斯街(Berners Street)地产。目前,Netflix在英国有近300名员工。Netflix表示,“作为我们承诺的一部分,很高兴我们能拓展英国业务。”(完)

  • 犯罪大师破碎之花凶手答案公布 破碎之花完整案情解析

    犯罪大师在最近新的案件就是——破碎之花,这个案件很多玩家还不清楚到底答案是什么,下面就来为大家分享一下破碎之花完整案情解析。

  • 快速解析:微博双十一品牌投放全攻略!

    ​转眼一年一度的双十一即将来临,每到这个节日,各大社交平台都会展开层出不穷的活动,微博作为老牌社交媒体,也是许多明星流量代言的首发平台,那么,它又是如何玩转双十一的?微博双十一投放全攻略,请听小编娓娓道来。

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

热文