CSS counter() ပုံစံ

အသုံးပြုခြင်း နှင့် ဖော်ပြ

counter() ပုံစံအားဖြင့် အချက်အလက် ဖြန့်မှန်းခြင်း ပြန်လည်ပေးသည်။

အမှတ်

အမှတ် 1

စားပွားတွင် စက္ခုအုပ်အုံး အချက်အလက် ဖွင့်ပြခြင်း (body ရှာဖွေရန်)။ ရှိသော <h2> အချက်အလက်များ အချက်အလက် တိုးပေးခြင်း နှင့် အချက်အလက် အတွင်းသို့ "နောက်ပိုင်းအချက်" အမည် ထပ်ထည့်ခြင်း

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

ကိုယ်တိုင် ကြိုးစားပါ

အမှတ် 2

စက္ခုအုပ်အုံး၏ အော်ပရာ စတင်ပြုပြင်ခြင်း:

body {
  counter-reset: section;
}
h2::before {
  counter-increment: section;
  content: "Section " counter(section, upper-roman) ": ";
}

ကိုယ်တိုင် ကြိုးစားပါ

CSS အစကား

counter(countername, counterstyle)

နည်းပါးအချက်

ဘာသာစကားထောက်ပံ့

相关页面

教程：CSS 计数器

参考：စက်တင်လက်ရှိရာ အပေါ်ပိုင်းအပေါ် အခြေအနေ

参考：စက်တင်လက်ရှိရာ အပေါ်ပိုင်းအပေါ် အခြေအနေ

参考：စက်တင်လက်ရှိရာ အပေါ်ပိုင်းအပေါ် အခြေအနေ

参考：CSS @counter-style 规则

参考：CSS counters() 函数