时间:2021-05-08
css counter属性被几乎所有浏览器(包括IE8)支持, 但是却不常使用, 这篇文章就带大家学习了解下这些属性
COUNTER-RESET
明译为计数器重置。形如: counter-reset: counter-name
常见写法为
counter-reset: counter-name;counter-reset: counter-name -1;counter-reset: counter1 1 counter2 4;用于在某个元素上重置counter
COUNTER-INCREMENT
couter-increment 明译为计数器重置
常用写法为
counter-increment: counter-name;counter-increment: counter-name -1;counter-increment: counter 1 counter2 -4;在使用 counter-increment 之前 我们必须先使用 counter-reset 在其父元素初始化一个counter
例如:
// parent element has a counter-reset// applied to instantiate itsection { counter-reset: unicornCounter;}// specify the child element being countedsection h1 { counter-increment: unicornCounter;}在上面的代码里 section的每一个h1元素 将会被设置counted值1
css语法规则
COUNTER-RESET 和 COUNTER-INCREMENT 的语法类似
第一位 <custom-ident> 表示具体counter标识
可以是a-z 0-9 _ - 组合的单词 但不能是关键字none, unset, initial, or inherit
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
第3讲CSS何为CSSCSS的几种设置方式样式规则选择器样式规则的注释与有效范围样式属性详解什么是CSS和CSS的设置方式作者:Loncer更多学习资源尽在:w
属性详解transition属性目的是让css的一些属性(如background)的以平滑过渡的效果出现。它是一个合并属性,是由以下四个属性组合而成:trans
使用counter()在列表中自动添加序号另外一个在CSS2.1在就已经支持的功能是counter(),使用它,你能方便的在页面标题,区块和其它各种连续出现的页
前言本文主要给大家介绍的是css中text-overflow属性与文本截断的相关内容,分享出来供大家参考学习,下面来看看详细的介绍:text-overflow与
接着上文《详解JavaScript基于面向对象之创建对象(1)》继续学习。4、原型方式我们创建的每个函数都有一个通过prototype(原型)属性,这个属性是一