Să presupunem că doriți să modificați ieșirea de numere într-o listă numerotată, astfel încât să urmeze un braț semicircular înaintea cifrei. Se pare că o astfel de operațiune simplă, dar în CSS nu există o astfel de proprietate în mod implicit. Dar, în principiu, o puteți face dacă aplicați o metodă nestandard.
Deci, să înțelegem.
În mod implicit, lista numerotată are o anumită formă: mai întâi apare un număr, apoi o perioadă și apoi un spațiu este afișat cu un spațiu. Această formă de scriere este intuitivă și convenabilă, însă unii dezvoltatori preferă să vadă o altă modalitate de formatare a listelor. Și anume, că în locul punctului există o bandă de închidere, așa cum se arată în figura de mai sus sau ceva similar.
Stilurile vă permit să schimbați tipul de numerotare a listei utilizând conținutul proprietăților de stil și contra-increment. Mai întâi, selectorul OL necesită contra-resetare. element. Acest lucru este necesar pentru a vă asigura că numerotarea din fiecare listă nouă începe din nou. În caz contrar, numerotarea va fi continuată și în loc de 1,2,3 va fi posibil să se vadă 5,6,7. Valoarea elementului este identificatorul unic al contorului, îl alegem noi înșine. Apoi, trebuie să ascundeți marcajele sursă prin lista de proprietăți stil-stil-type cu valoarea none.
Exemplul 1. Crearea propriilor dvs. numerotări
conținutul cu contorul de valori (element) afișează un număr; adăugând o paranteză, după cum se arată în acest exemplu, obținem tipul de numerotare necesar. Proprietatea contra-increment este necesară pentru a crește numărul listei cu unul. Rețineți că același identificator cu elementul de nume este utilizat peste tot. Codul final este dat în exemplul 2.
Exemplul 2. Modificarea vizualizării listei
În acest fel, puteți face orice tip de listă numerotată, de exemplu, luați un număr în paranteze pătrate, în stiluri, numai o linie se va schimba.
Trimiteți-le prietenilor: