additive-symbols
additive-symbols 描述符
定义符号,用于值可累积的可数的 system
(en-US)的项 。 additive-symbols 定义累积的的元组(tuples),每个元组项都包含一个符号和一个非负整数的权重。
additive system 被用于构造sign-value numbering (符号 - 值,指数字的值就是是符号加在一起的值)系统,比如 罗马数字。
additive-symbols: 3 "0";
additive-symbols: 3 "0", 2 "\2E\20";
additive-symbols: 3 "0", 2 url(symbol.png);
当系统描述符是循环,数字,拼音,象征,或固定的时候,使用 symbols
(en-US)代替additive-symbols
Related at-rule | @counter-style |
---|---|
初始值 | n/a (required) |
计算值 | as specified |
语法
Formal syntax
Error: could not find syntax for this item
示例
HTML
<ul class="list"> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul>
CSS
@counter-style additive-symbols-example {
system: additive;
additive-symbols:V 5, IV 4, I 1;
}
.list {
list-style: additive-symbols-example;
}
结果
规范
Specification | Status | Comment |
---|---|---|
CSS Counter Styles Level 3 additive-symbols |
Candidate Recommendation | 初次定义 |
浏览器兼容性
BCD tables only load in the browser
相关链接
list-style
,list-style-image
,list-style-position
- The
symbols()
(en-US), functional notation is used for creating anonymous counter styles.