counter
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[スタイルシートCSS]]
#contents
* 使用方法 [#ldfd0f39]
** counter() [#ab16aa57]
#codeprettify{{
元素:before{
content:counter(计数器);
}
}}
有两种形式：counter(name)和counter(name,style)
style参数是用来定义计数器的风格
- disc：实心圆样式
- circle：空心圆样式
- square：实心方块样式
- decimal：阿拉伯数字样式
- lower-roman：小写罗马数字样式
- upper-roman：大写罗马数字样式
- lower-alpha：小写英文字母样式
- upper-alpha：大写英文字母样式
- none：不使用项目符号
- armenianl：传统的亚美尼亚数字样式
- cjk-ideographic：中文浅白的表意数字样式
- georgian：传统的乔治数字样式
- lower-greek：基本的希腊小写字母样式
- hebrew：传统的希伯莱数字样式
- hiragana：日文平假名字符样式
- hiragana-iroha：日文平假名序号样式
- katakana：日文片假名字符样式
- katakana-iroha：日文片假名序号样式
- lower-latin：小写拉丁字母样式
- upper-latin：大写拉丁字母样式
* 示例 [#j0963c4c]
#codeprettify{{
/*为h2和h3自动添加序号*/
.postBody h2:before
{
/*内容显示为：计数器h2counter的值转换为中文数字格式+顿...
content: counter(h2counter, cjk-ideographic) ' ';
}
.postBody h2
{
/*重置计数器h3counter的值*/
counter-reset: h3counter;
/*计数器h2counter的值增加1*/
counter-increment: h2counter;
}
.postBody h3:before
{
/*内容显示为：计数器h2counter的值+点+计数器h3counter的...
content: counter(h2counter) "." counter(h3counter) " ";
}
.postBody h3
{
/*计数器h3counter的值增加1*/
counter-increment: h3counter;
}
}}
#hr();
Comment：
#comment_kcaptcha
終了行:
[[スタイルシートCSS]]
#contents
* 使用方法 [#ldfd0f39]
** counter() [#ab16aa57]
#codeprettify{{
元素:before{
content:counter(计数器);
}
}}
有两种形式：counter(name)和counter(name,style)
style参数是用来定义计数器的风格
- disc：实心圆样式
- circle：空心圆样式
- square：实心方块样式
- decimal：阿拉伯数字样式
- lower-roman：小写罗马数字样式
- upper-roman：大写罗马数字样式
- lower-alpha：小写英文字母样式
- upper-alpha：大写英文字母样式
- none：不使用项目符号
- armenianl：传统的亚美尼亚数字样式
- cjk-ideographic：中文浅白的表意数字样式
- georgian：传统的乔治数字样式
- lower-greek：基本的希腊小写字母样式
- hebrew：传统的希伯莱数字样式
- hiragana：日文平假名字符样式
- hiragana-iroha：日文平假名序号样式
- katakana：日文片假名字符样式
- katakana-iroha：日文片假名序号样式
- lower-latin：小写拉丁字母样式
- upper-latin：大写拉丁字母样式
* 示例 [#j0963c4c]
#codeprettify{{
/*为h2和h3自动添加序号*/
.postBody h2:before
{
/*内容显示为：计数器h2counter的值转换为中文数字格式+顿...
content: counter(h2counter, cjk-ideographic) ' ';
}
.postBody h2
{
/*重置计数器h3counter的值*/
counter-reset: h3counter;
/*计数器h2counter的值增加1*/
counter-increment: h2counter;
}
.postBody h3:before
{
/*内容显示为：计数器h2counter的值+点+计数器h3counter的...
content: counter(h2counter) "." counter(h3counter) " ";
}
.postBody h3
{
/*计数器h3counter的值增加1*/
counter-increment: h3counter;
}
}}
#hr();
Comment：
#comment_kcaptcha
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
