CSS3的counter()用法详解_html/css_WEB-ITnose
程序员文章站
2022-04-10 11:38:06
...
counter()的定义和用法:
是一个函数,其主要配合content一起使用。
使用counter()来调用定义好的计数器标识符。
语法结构:
是一个函数,其主要配合content一起使用。
使用counter()来调用定义好的计数器标识符。
语法结构:
counter(,list-style-type)
参数解析:
(1).
(2).list-style-type:设置计数器的风格,有点类似于list-style-type。默认情况之下取值为十制,但你也可以重置这个样式风格,比如upper-roman或者upper-alpha等。
此参数值列表如下:
disccirclesquaredecimaldecimal-leading-zerolower-romanupper-romanlower-greeklower-latinupper-latinarmeniangeorgianlower-alphaupper-alphanoneinherit
浏览器支持:
(1).IE浏览器支持此属性。
(2).谷歌浏览器支持此属性。
(3).火狐浏览器支持此属性。
(4).opera浏览器支持此属性。
(5).safria浏览器支持此属性。
特别说明:只有IE7或者IE7以下的浏览器不支持。
继承性:
无继承性。
实例实例:
蚂蚁部落
- 蚂蚁部落欢迎您
- 蚂蚁部落欢迎您
- 蚂蚁部落欢迎您
- 蚂蚁部落欢迎您
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=1154
更多css3知识可以参阅:http://www.softwhy.com/css3/
下一篇: 关于弹性盒布局的介绍(附代码)
推荐阅读
-
CSS3中的background-size(对响应性图片等比例缩放)_html/css_WEB-ITnose
-
id和name那个是用来标记锚点的标准用法?_html/css_WEB-ITnose
-
结合CSS3的布局新特征谈谈常见布局方法_html/css_WEB-ITnose
-
「CSS3 」动画详解_html/css_WEB-ITnose
-
css3图片边框border-image的用法实例详解
-
html
-
使用 CSS3 伪元素实现立体的照片堆叠效_html/css_WEB-ITnose
-
9种CSS3 blend模式制作的鼠标滑过图片标题特效_html/css_WEB-ITnose
-
CSS3实现的鼠标悬浮开门关门效果代码实例_html/css_WEB-ITnose
-
DIV CSS display (block none inline)属性的用法_html/css_WEB-ITnose