CSS counter-increment Atribute

  • ទៅកាន់ទំព័រមុខ content
  • ទៅកាន់ទំព័របន្ទាប់ counter-reset

Pagsasakop at Paggamit

Ang attribute na counter-increment ay nagtatakda ng dami ng pagtaas ng kawntahin bawat pagkakararaang ng selector. Ang default na dami ng pagtaas ay 1.

Paliwanag

Gamit ang katangian na ito, ang kawntahin ay maaaring tumataas (o tumababa) ang isang halaga, na maaaring maging positibo o negatibo. Kung wala ang pinagbigay na halaga ng number, ang default ay 1.

ការកត់សម្គាល់：ប្រសិនបើបានប្រើ "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 ការដែលមានតម្រូវការដើមដំបូង។ ជ្រើសរើសគ្មាន counter-increment。
id number

id កំណត់ជ្រើសរើស អ្នកនិមិត្ត ឬ class ដែលនឹងត្រូវបានបង្កើនការរាប់កត្តារាប。

number កំណត់គម្រាមការបង្កើន។ 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 ទេ Internet Explorer 8 (និងកំណែនាំថ្មី) គាំទ្រកត្តារាប counter-increment。

  • ទៅកាន់ទំព័រមុខ content
  • ទៅកាន់ទំព័របន្ទាប់ counter-reset