設為首頁

收藏本站

導覽首頁 | 新登場    ◇聯盟溫泉 | 民宿 | 人力銀行 | 女性 |

類型:css_article

CSS counter-reset 屬性
CSS counter-reset 屬性

定義和用法

counter-reset 屬性設置某個選擇器出現次數的計數器的值。默認為 0。

利用這個屬性,計數器可以設置或重置為任何值,可以是正值或負值。如果沒有提供 number,則默認為 0。

註釋:如果使用 "display: none",則無法重置計數器。如果使用 "visibility: hidden",則可以重置計數器。

默認值:none
繼承性:no
版本:CSS2
JavaScript 語法:object.style.counterReset="subsection"

實例

對部分和子部分進行編號(比如 "Section 1"、"1.1"、"1.2")的方法:


body
  {
  counter-reset:section;
  }h1
  {
  counter-reset:subsection;
  }h1:before
  {
  content:"Section " counter(section) ". ";
  counter-incrbent:section;
  }h2:before
  {
  counter-incrbent:subsection;
  content:counter(section) "." counter(subsection) " ";
  }



瀏覽器支持

所有瀏覽器都支持 counter-reset 屬性。

註釋:如果已規定 !DOCTYPE,那麼 Internet Explorer 8 (以及更高版本)支持 counter-reset 屬性。


可能的值


描述
none默認。不能對選擇器的計數器進行重置。
id number

id 定義重置計數器的選擇器、id 或 class。

number 可設置此選擇器出現次數的計數器的值。可以是正數、零或負數。

inherit規定應該從父元素繼承 counter-reset 屬性的值。

相關頁面

CSS 參考手冊: CSS :before 偽元素

CSS 參考手冊: CSS :after 偽元素

CSS 參考手冊: content 屬性

CSS 參考手冊: counter-incrbent 屬性



主旨:

內容:




104休閒信箱 2.3.0 © 104mm.com 2001 - 2017. 您尚未登錄
Page generated in 0.01283717 seconds with 3 Queries