CSS ::marker ບັນດິມສິ່ງທີ່ມີການສະແດງ

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

CSS ::marker ບັນດິມສິ່ງທີ່ມີການຕັ້ງສະແດງສຳລັບລາຍການລະບຸ:

ບັນດາສິ່ງທີ່ມີການຕັ້ງສະແດງ display: list-item ສາມາດນຳໃຊ້ບັນດິມສິ່ງທີ່ມີການສະແດງສຳລັບລາຍການລະບຸ:

ເຫັນຫຍັງ:ທັງໝົດບັນດາບັນດາຄວາມທີ່ສາມາດນຳໃຊ້ຮ່ວມກັບ: ::marker ການນຳໃຊ້ຮ່ວມ:

• ທັງໝົດຜົນກະທົບພິມ
• ທັງໝົດຜົນກະທົບການສະແດງ
• ທັງໝົດຜົນກະທົບສະແດງ
• color
• white-space
• content
• text-combine-upright
• unicode-bidi
• ການອອກອາກາດ

ຄວາມຄິດຕົວ

ຕົວຢ່າງ 1

ການຕັ້ງສຳນັກງານທີ່ມີການສະແດງສຳລັບລາຍການທັງໝົດ:

::marker {
  font-size: 20px;
  color: red;
}

ທົດລອງດຽວວ່າເຈົ້າເອງ

ຕົວຢ່າງ 2

ການຕັ້ງສຳນັກງານທີ່ມີການສະແດງສຳລັບລາຍການ ul ແລະ ລາຍການສຳລັບສິ່ງທີ່ມີການສະແດງ:

ul li::marker {
  content: "@ ";
  color: pink;
  font-size: 25px;
}

ທົດລອງດຽວວ່າເຈົ້າເອງ

ຕົວຢ່າງ 3

ການຕັ້ງ <h2> ສະແດງ display: list-item ແລະ ສະແດງສຳນັກງານທີ່ມີການສະແດງສຳລັບລາຍການລະບຸ:

h2 {
  counter-increment: h2;
  display: list-item;
}
h2::marker {
  display: list-item;
  content: "@" counter(h2) " ";
  color: lightgreen;
}
body {
  counter-reset: h2;
  font-family: verdana;
  margin: 50px;
}

ທົດລອງດຽວວ່າເຈົ້າເອງ

ການອະທິບາຍສັບສິນ CSS

::marker {
  ການອະທິບາຍ css;
}

ລະບົບຂໍ້ມູນເຕັກນິກ

ການສະແດງຂອງບັນຊີບາດບັບ

ຈຳນວນໃນຕາຕະລາງສະແດງວ່າສະບາຍການສະແດງສຳນັກງານສຳລັບສິ່ງທີ່ມີການສະແດງທີ່ສຸດຂອງບັນຊີພິມສິ່ງທີ່ມີການສະແດງສຳລັບບັນຊີພິມ

ບາງເວັບໄຊທີ່ກ່ຽວຂ້ອງ

ຄູ່ມວນຊົນ:ປະກອບສັນຍາບັນ CSS ເປັນສັນຍາບັນອັດສະດີ