CSS counter() ວິທະຍານ

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

ການສະແດງ CSS counter() ວິທະຍານ

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

ຄວາມນຳໃຊ້

ຕົວຢ່າງ 1

ການຕັ້ງຮູບແບບວິທະຍານຂອງວິທະຍານ:
  body {
content: "Section " counter(section, upper-roman) ": ";
counter-reset: section;
  h2::before {
  ສ້າງວິທະຍານຂອງບັນຊີ (ໃນຄູ່ຕິດຕາມ body). ສົ່ງຄວາມສະເພາະວິທະຍານ <h2> ໃຫ້ມີຄວາມສະເພາະ, ແລະ ສະແດງຄວາມ "Chapter X" ກ່ອນວິທະຍານ <h2>.
content: "Section " counter(section, upper-roman) ": ";

}

content: "Section " counter(section) ": ";

ຕົວຢ່າງ 2

ການຕັ້ງຮູບແບບວິທະຍານຂອງວິທະຍານ:
  body {
content: "Section " counter(section, upper-roman) ": ";
counter-reset: section;
  h2::before {
  counter-increment: section;
content: "Section " counter(section, upper-roman) ": ";

}

ສາມາດທົດລອງດຽວກັນ.

ການອັດຕະພາສາ CSSການອະທິບາຍcounter( counterstyle,
) ຄວາມ
ການອະທິບາຍ

countername

ສະແດງຄວາມ. ຊື່ຢືນຂ້າງຂອງຊື່ (ຄືກັບຊື່ທີ່ໃຊ້ໃນ counter-reset ແລະ counter-increment).
counterstyle

ມີຄວາມສະເພາະ. ຮູບແບບວິທະຍານ (ສາມາດເປັນຄວາມສະເພາະ list-style-type, ຊື່ @counter-style ຫຼື ພາສາ symbols() ທີ່ຢູ່).

ມີຄວາມສະເພາະສະເພາະສະເພາະ.

ລະອຽດບັນດາຄວາມ

ສະຖານະ: CSS3

ການສະໜັບສະໜູນບັນຊີ

Chrome Edge Firefox Safari Opera
ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ

ບ່ອນໜ້າກ່ຽວຂ້ອງ

ຫຼັກການ:ການຂັ້ນຄັດ CSS

ກ່ຽວກັບ:ບັນດາຄວາມຄຸນສົມບັດວຽງcontent

ກ່ຽວກັບ:ບັນດາຄວາມຄຸນສົມບັດວຽງcounter-increment

ກ່ຽວກັບ:ບັນດາຄວາມຄຸນສົມບັດວຽງcounter-reset

ກ່ຽວກັບ:ຫຼັກການ @counter-style CSS

ກ່ຽວກັບ:ຫຼັກການ counters() CSS