CSS marker-start ປະກອບ
- ຫນ້າຫນັງ marker-mid
- ຫນ້າຫນັງ mask
ການກໍານົດແລະການນໍາໃຊ້
marker-start
ບັນດາບັນຊີຈະຍິນຍັງຕາຕະລາງທີ່ຈະຖືກຈັດຂອງບັນດາບັນຊີທີ່ທຳອິດທີ່ຢູ່ພາຍໃນຕາຕະລາງຂອງບັນດາບັນຊີ.
ຮູບຮູບຂອງຕາຕະລາງຈະຖືກກໍານົດໂດຍ SVG <marker> ແລະຖືກຫຼຸດອີກຈາກຈຳນວນທີ່ຕາຕະລາງ.
CSS marker-start
ຈຳນວນທີ່ຕາຕະລາງຂອງບັນດາບັນຊີຈະປົກປັກຮັກຂອງຈຳນວນທີ່ຕາຕະລາງ SVG marker-start.
ຕົວຢ່າງ
ຕົວຢ່າງ 1
ຍິນຍັງຕາຕະລາງທີ່ຈະຖືກຈັດຂອງບັນດາບັນຊີທີ່ຈະຖືກຈັດຂອງບັນດາບັນຊີທີ່ທຳອິດທີ່ຢູ່ພາຍໃນຕາຕະລາງຂອງບັນດາບັນຊີ.
#test { marker-start: url(#arrow); }
ຕົວຢ່າງ 2
ຍິນຍັງຕາຕະລາງຂອງຕາຕະລາງທີ່ຈະຖືກຈັດຂອງບັນດາບັນຊີທີ່ທຳອິດທີ່ຢູ່ພາຍໃນຕາຕະລາງຂອງບັນດາບັນຊີ.
#test { marker-start: url(#circle); }
ສານວິທະຍາ CSS
marker-start: none|url|ສະເພາະພາສານິຍົມ|ຍິນຍັງ;
ຈຳນວນທີ່ຕາຕະລາງ
ຈຳນວນທີ່ຕາຕະລາງ | ອະທິບາຍ |
---|---|
ບໍ່ມີຕາຕະລາງ | ຈຳນວນຊື່ນດີການສະໜັບສະໜູນບັນດາບັນຊີ. |
url | ການຫຼຸດອີກທີ່ຂອງຕາຕະລາງ SVG <marker> ທີ່ກໍານົດຂອງຕາຕະລາງ. |
ສະເພາະພາສານິຍົມ | ຕັດສິນທີ່ດີຈາກຄວາມທຳນາຍສະໜາມຂອງບັນດາບັນຊີນັ້ນ。 ສະເພາະພາສານິຍົມ。 |
ຍິນຍັງ | ຍິນຍັງຈາກປະກອບພໍ່ຂອງບັນດາບັນຊີນັ້ນ。 ຍິນຍັງ。 |
ການສະໜັບສະໜູນບັນດາບັນຊີ
ຈຳນວນທີ່ຂອງຕາຕະລາງອາດສະແດງວ່າ ບັນດາບັນຊີທີ່ສະໜັບສະໜູນຄວາມສະດວກຂອງປະສົມປະກອບທີ່ທຳອິດສະໜັບສະໜູນຄວາມສະດວກນັ້ນ。
ຊຣູມ | ເອດຈ | ຟຣີກສ | ຊາຟາຣີ | ໂອເປຣາ |
---|---|---|---|---|
80 | 80 | 72 | 13.1 | 67 |
ບັນດາຫນັງທີ່ກ່ຽວຂ້ອງ
ການສອນ:SVG ສິນລະບັບ
ກ່ຽວກັບ:CSS marker ປະກອບ
ກ່ຽວກັບ:CSS marker-mid ປະກອບ
ກ່ຽວກັບ:CSS marker-end ປະກອບ
- ຫນ້າຫນັງ marker-mid
- ຫນ້າຫນັງ mask