@counter-style.speak-as

speak-as描述符指定如何与给定构造的计数器符号@counter-style将在所说形式来表示。例如，作者可以指定一个计数器符号作为数字值或者只是用音频提示表示。

语法

/* Keyword values */
speak-as: auto;
speak-as: bullets;
speak-as: numbers;
speak-as: words;
speak-as: spell-out;

/* @counter-style name value */
speak-as: <counter-style-name>;

值

auto如果speak-as指定的值为auto，那么speak-as将根据system描述符的值确定有效值。如果这个值system是字母的话，那么这个有效值speak-as就会拼写出来。如果system是循环，有效值speak-as将是子弹。如果system是扩展，则值speak-as将与扩展样式上指定了speak-as__：auto的值相同。

对于所有其他情况，指定auto与指定speak-as__：数字具有相同的效果.bullets由用户代理定义的用于表示无序列表项的短语或音频提示将被读出。数字计数器的数值将在文档language.word中被读出。用户代理将产生正常的计数器值并读取在文档language.pell-out用户代理将生成一个正常的计数器表示，并逐字逐句读出它。如果用户代理不知道如何读出辅助计数器符号，用户代理可能会读出来，就像speak-as是数字的值<counter-style-name>如果指定了另一个计数器的名称，柜台将以该柜台风格指定的形式说出来，有点像指定fallback描述。如果指定的样式不存在，说作为描述符假定值为自动。

正式语法

auto | bullets | numbers | words | spell-out | <counter-style-name>where 
<counter-style-name> = <custom-ident>

示例

HTML

<ul class="list">
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
  <li>Four</li>
  <li>Five</li>
</ul>

CSS

@counter-style speak-as-example {
  system: fixed;
  symbols:     ;
  suffix: " ";
  speak-as: numbers;
}


.list {
  list-style: speak-as-example;    
}

结果

规格

浏览器兼容性