စက်ဆိုင်ရာ counter-increment အခြေအနေ

  • အရှေ့စားစား content
  • နောက်ပိုင်းစား counter-reset

အဆိုပါ အချက်အလက် အစီအစဉ် နှင့် အသုံးပြုခြင်း

counter-increment အချက်အလက် ကို ခွင့်ပြုသော အက်ယ်စ်စ်စ် အချက်အလက် ကို ရွေးချယ်သော အချက်အလက် ကို စက္ကူး အချက် အမှတ် အပိုကြီးပြီး ပြောင်းလဲစေရမည်။ ပုံစံ အပိုကြီး ၁ ဖြစ်သည်။

အကြောင်းကြားချက်

ဒီ အချက်အလက်ကို အသုံးပြုလျှင် စက္ကူးအချက် အမှတ် ကို အပိုကြီးသွားသို့မဟုတ် အနိမ့်ကြီးသွား ဖြစ်စေရမည်။ အမှတ် number ကို ပြောကြားခြင်း မရှိဘဲ အခြား အမှတ် ၁ အား ပါဝင်စေရမည်။

မှတ်ချက်：如果使用了 "display: none"，则无法增加计数。如使用 "visibility: hidden"，则可增加计数。

另请参阅：

CSS 参考手册：CSS :before အကြိမ်

CSS 参考手册：CSS :after အကြိမ်

CSS 参考手册：content 属性

CSS 参考手册：counter-reset 属性

CSS 函数：counter() 函数

HTML DOM 参考手册：counterIncrement အခြေအနေ

အမှု

အစိတ်အအုပ် နှင့် အအုပ်အုပ် ကို အမှတ်ပေးရန် (ဥပမာ "Section 1"、"1.1"、"1.2" နှင့်အတူ) ဘက်တွင် စမ်းသပ်ပါ

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

ကိုယ်တိုင် စမ်းသပ်ပါ

CSS ပုံစံ

counter-increment: none|id|initial|inherit;

အခြေခံ အဆင့်

အဆင့် ဖော်ပြ
none မူးယစ်သဘေ�တူ
id number

id ကူးယူပါကို အဆင့် သို့မဟုတ် အမည် သို့မဟုတ် အကြိုးစား ကို အဆင့် ဖြစ်ပါသည်。

number အဆင့် ကို အဆင့် သို့မဟုတ် သက်သာရှိသော အဆင့် သို့မဟုတ် လျော့ကျသော အဆင့် ဖြစ်ပါသည်。
inherit counter-increment အခြေအနေ ကို အဖိုင်အရာ ကို ကူးယူရမည်ဟု ရည်ရွယ်သည်。

နည်းပါးဆိုင်ရာ

မူးယစ်သဘောတူ none
ကြန်ကူးမှုမရှိ no
အဆင့်： CSS2
JavaScript ပုံစံ： object.style.counterIncrement="subsection"

ဘွတ်စုံး ထောက်ပံ့

အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် အချက်အလက် စားသုံးပါ

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

မှတ်ချက်：!DOCTYPE အား အဆိုခဲ့လျှင် အင်တာနက် အက်စ်တီးရား 8 (နှင့် အများဆုံး ပြင်းထန်သော အဆင့်) က counter-increment အခြေအနေ ကို ထောက်ပံ့သည်。

  • အရှေ့စားစား content
  • နောက်ပိုင်းစား counter-reset