numerowanie - Kurs HTML i CSS
- Tekst HTML / Wykaz <ul, ol, li>
...start="n"> <li>Punkt pierwszy</li> <li>Punkt drugi</li> <li>Punkt trzeci</li> </ol> gdzie jako "n" należy podać liczbę, od której ma się rozpocząć numerowanie. Wartość atrybutu START zawsze musi być liczbą, nawet jeśli numerowanie następuje według liter! Przykład <ol start, li> Przykład Zmiana numerowania w trakcie <ol> <li>Punkt pierwszy</li> <li value="n">Punkt drugi</li> <li>Punkt trzeci</li> </ol> gdzie jako "n" należy podać zmieniony numer punktu (następne punkty będą numerowane...
- Tekst HTML / Zagnieżdżanie wykazów
Wypunktowanie (podstawowy) <ul> <li>Punkt pierwszy <ul> <li>Punkt 1.1 <ul> <li>Punkt 1.1.1</li> <li>Punkt 1.1.2</li> </ul> </li> <li>Punkt 1.2</li> </ul> </li> <li>Punkt drugi</li> </ul> Numerowanie <ol> <li>Punkt pierwszy <ol> <li>Punkt 1.1 <ol> <li>Punkt 1.1.1</li> <li>Punkt 1.1.2</li> </ol> </li> <li>Punkt 1.2</li> </ol> </li> <li>Punkt drugi</li> </ol> Wykaz mieszany - połączenie obu powyższych We wszystkich przypadkach kolorem czerwonym zaznaczono wykaz...
- Definicje / Zinterpretowana zawartość
...tekst dla elementu (wartość atrybutu alt w składni HTML) czy pozycja wstawiona (domyślnie lub poprzez ścisłe określenie) przez arkusz stylów (np. numerowanie).
- Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
...i pseudoklasy typu]. Natomiast w przypadku selektorów :nth-last-child oraz :nth-last-of-type sposób wyliczania przebiegu cyklu jest analogiczny, ale numerowanie elementów rozpoczynamy nie od pierwszego, lecz od ostatniego i posuwamy się do tyłu. Czyli ostatni element oznaczymy indeksem jeden, przedostatni - dwa itd. Zapis Gdy A=1 lub A=-1 wpisywanie liczby przed n można pominąć: selektor:nth-child(-n) { cecha: wartość } Jawne oznaczanie liczby A dodatnim znakiem nie jest wymagane, ale...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...jest prosta: Najpierw określany nazwę licznika dla danego wykazu, od razu zerując go: ol { counter-reset: nazwa_licznika } Usuwamy domyślne numerowanie wykazu, aby nie kolidowało z automatycznym: ol li { list-style-type: none } Następnie dla kolejnych punktów i podpunktów wykazu wyświetlamy aktualną wartość licznika na początku treści, a następnie zwiększamy tą wartość o jeden - dla następnego punktu lub podpunktu: ol li:before { content: counters(nazwa_licznika, ".")...

