csscounter-increment屬性怎么用

來源：懂視網責編：小采時間：2020-11-12 00:12:00

csscounter-increment屬性怎么用

csscounter-increment屬性怎么用:counter-increment 屬性設置某個選取器每次出現的計數器增量。默認增量是 1。說明利用這個屬性，計數器可以遞增（或遞減）某個值，這可以是正值或負值。如果沒有提供 number 值，則默認為 1。注釋：如果使用了 "display: none"，

推薦度：

點擊下載本文 文檔為doc格式

導讀csscounter-increment屬性怎么用:counter-increment 屬性設置某個選取器每次出現的計數器增量。默認增量是 1。說明利用這個屬性，計數器可以遞增（或遞減）某個值，這可以是正值或負值。如果沒有提供 number 值，則默認為 1。注釋：如果使用了 "display: none"，

counter-increment 屬性設置某個選取器每次出現的計數器增量。默認增量是 1。

說明

利用這個屬性，計數器可以遞增（或遞減）某個值，這可以是正值或負值。如果沒有提供 number 值，則默認為 1。

注釋：如果使用了 "display: none"，則無法增加計數。如使用 "visibility: hidden"，則可增加計數。

值	描述
none	默認。選擇器無計數器增量。
id number	id 定義將增加計數的選擇器、id 或 class。 number 定義增量。number 可以是正數、零或者負數。
inherit	規定應該從父元素繼承 counter-increment 屬性的值。

實例

對部分和子部分進行編號（比如 "Section 1"、"1.1"、"1.2"）的方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
 body {counter-reset:section;}
 h1 {counter-reset:subsection;}
 h1:before
 {
 counter-increment:section;
 content:"Section " counter(section) ". ";
 }
 h2:before 
 {
 counter-increment:subsection;
 content:counter(section) "." counter(subsection) " ";
 }
</style>
</head>

<body>

 <p><b>注釋：</b>如果已規定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 counter-increment 屬性。</p>
 
 <h1>HTML tutorials</h1>
 <h2>HTML Tutorial</h2>
 <h2>XHTML Tutorial</h2>
 <h2>CSS Tutorial</h2>
 
 <h1>Scripting tutorials</h1>
 <h2>JavaScript</h2>
 <h2>VBScript</h2>
 
 <h1>XML tutorials</h1>
 <h2>XML</h2>
 <h2>XSL</h2>

</body>
</html>

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

csscounter-increment屬性怎么用

推薦度：

點擊下載本文 文檔為doc格式

標簽： co 增量 css

熱門焦點

csscounter-increment屬性怎么用

csscounter-increment屬性怎么用

csscounter-increment屬性怎么用

最新推薦

猜你喜歡

熱門推薦