La fel de multe lucruri CSS, există tot felul de lucruri mici de știut, chiar și ceva atât de minuscul ca centrarea unui marker de listă.
Un cititor a scris cu o captură de ecran a ceea ce încercau să realizeze - practic o listă ordonată (
- ) cu marcajele listei (1., 2., 3., etc) deasupra conținutului listei și centrat. În captura de ecran, textul era centrat, dar numerele nu erau. Deci, hai să concentrăm aceste numere!
Primul lucru de știut este că list-style-positiontrebuie să fie inside. Asta va începe petrecerea de centrare. Dacă avem o pauză înainte de conținut, suntem aproape acolo. În videoclip, ne jucăm folosind ::markeracest lucru, în timp ce găsim limitări și explorăm toate ideile.
Aceste date de asistență pentru browser provin de la Caniuse, care are mai multe detalii. Un număr indică faptul că browserul acceptă funcția în versiunea respectivă și în sus.
Desktop
| Crom | Firefox | IE | Margine | Safari |
|---|---|---|---|---|
| 86 | 68 | Nu | 86 | 11.1 |
Mobil / Tabletă
| Android Chrome | Android Firefox | Android | Safari iOS |
|---|---|---|---|
| 88 | 85 | 81 | 11.3-11.4 |