计数器复位 | counter-reset (Lists & Counters) - CSS 中文开发手册 - Break易站


  • ??CSS 中文开发手册

    计数器复位 | counter-reset (Lists & Counters) - CSS 中文开发手册

    counter-reset 重置一个CSS计数器值。计数器的值可以使用counter-increment增加或减少。

    /* Set "my-counter" to 0 */
    counter-reset: my-counter;
    
    /* Set "my-counter" to -1 */
    counter-reset: my-counter -1;
    
    /* Set "counter1" to 1, and "counter2" to 4 */
    counter-reset: counter1 1 counter2 4;
    
    /* Cancel any reset that could have been set in less specific rules */
    counter-reset: none;
    
    /* Global values */
    counter-reset: inherit;
    counter-reset: initial;
    counter-reset: unset;

    初始值

    none

    应用于

    all elements

    是否继承

    no

    媒体

    all

    计算值

    as specified

    Animation type

    discrete

    规范顺序

    the unique non-ambiguous order defined by the formal grammar

    句法

    counter-reset属性指定为下列任一项:

    <custom-ident>命名计数器,随后可选择一个<integer>。您可以指定任意数量的计数器,以便根据需要进行重置,每个名称或名称编号对之间用空格分隔。关键字值none.

    取值

    <custom-ident>要重置的计数器的名称。

    <integer>在每次出现元素时重置计数器的值。如果未指定,则默认为0。none不执行计数器复位。

    形式语法

    [ <custom-ident> <integer>? ]+ | none

    实例

    h1 {
      counter-reset: chapter section 1 page;
      /* Sets the chapter and page counters to 0,
         and the section counter to 1 */
    }

    规格

    Specification

    Status

    Comment

    CSS Lists and Counters Module Level 3The definition of ‘counter-reset‘ in that specification.

    Working Draft

    No change.

    CSS Level 2 (Revision 1)The definition of ‘counter-reset‘ in that specification.

    Recommendation

    Initial definition.

    浏览器兼容性

    Feature

    Chrome

    Edge

    Firefox (Gecko)

    Internet Explorer

    Opera

    Safari (WebKit)

    Basic support

    2.0

    (Yes)

    1.01

    8.0

    9.2

    3.11

    Feature

    Android

    Edge

    Firefox Mobile (Gecko)

    IE Phone

    Opera Mobile

    Safari Mobile

    Basic support

    2.1

    (Yes)

    25.01

    101

    10.0

    3.2

    
    
  • ??CSS 中文开发手册
  • 转载请保留页面地址:https://www.breakyizhan.com/css/32283.html

    计数器复位 | counter-reset (Lists & Counters) - CSS 中文开发手册 - Break易站

    上一篇:设备宽度 | @media.device-width (Media Queries) - CSS 中文开发手册 - Break易站


    下一篇:背景过滤器 | backdrop-filter (Filter Effects) - CSS 中文开发手册 - Break易站