:: marker - CSS-trikovi

Anonim

::marker Pseudo-element za styling stilske oznake elementa popisa. Na primjer, točka zadane vrijednosti

    (npr. •) ili zadani broj
      (npr. 1.). To izuzetno olakšava jednostavne stvari poput obojenja.

      Poput pseudo-elementa, moći ćete odabrati ::markeru DevTools za inspekciju, ali zapravo nije "u DOM-u" kao normalan element.

      Chrome DevTools odabirom ::markerpseudo-elementa i prikazom stilova.

      Možete kombinirati ::markersa contentsvojstvom da biste promijenili oznaku. Na primjer, zamjena popisnih oznaka emojijima:

      Ako display svojstvo promijenite u list-itembilo koji element, možete ga kontrolirati ::marker. Ovdje

      elementi su numerirani, što kombinira ideju CSS brojača:

      Oznake su i dalje oznake na popisu, pa podliježu sljedećim stvarima list-style-position.

      Povezano

      Članak 5. svibnja 2020

      Popis recepata sa stilom

      Chris Coyier

      Više informacija

      • Spec

      Podrška preglednika

      Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.

      Radna površina

      Krom Firefox IE Rub Safari
      86 68 Ne 86 11.1

      Mobitel / tablet

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