:: marker - CSS-Tricks

Anonim

::marker Pseudoelement jest układania stylistyczną markera element listy. Na przykład wypunktowanie wartości domyślnej

    (np. •) lub numer domyślnego
      (np. 1.). To sprawia, że ​​niezwykle łatwo jest robić proste rzeczy, takie jak ich kolorowanie.

      Podobnie jak pseudoelement, będziesz mógł wybrać ::markerw DevTools do sprawdzenia, ale tak naprawdę nie jest „w DOM” jak normalny element.

      Chrome DevTools wybiera ::markerpseudoelement i pokazuje style.

      Możesz połączyć ::markerz contentwłaściwością, aby zmienić to, czym jest znacznik. Na przykład zastąpienie punktorów listy emoji:

      Jeśli zmienisz display właściwość na list-itemw dowolnym elemencie, możesz kontrolować jej ::marker. Tutaj

      elementy są numerowane, co łączy w sobie ideę liczników CSS:

      Znaczniki nadal są markerami listy, więc podlegają takim rzeczom, jak list-style-position.

      Związane z

      Artykuł z 5 maja 2020 r

      Lista przepisów stylu

      Chris Coyier

      Więcej informacji

      • Spec

      Wsparcie przeglądarki

      Te dane dotyczące obsługi przeglądarek pochodzą od Caniuse, który zawiera więcej szczegółów. Liczba wskazuje, że przeglądarka obsługuje tę funkcję w tej wersji i nowszych.

      Pulpit

      Chrom Firefox TO ZNACZY Brzeg Safari
      86 68 Nie 86 11.1

      Telefon komórkowy / tablet

      Android Chrome Android Firefox Android iOS Safari
      88 85 81 11,3-11,4