Generowanie treści w CSS3

Plansza interaktywna luty 2015

URL:
http://www.plotkarka.eu/Pi/css3-content/
Autor:
Radosław Kowaluk

Cytaty

Cudzysłow
quotes:
foo|bar
np. " START1 " " STOP1 " " START2 " " STOP2 "
Lorem ipsumdolor
Wybrane znaki cudzysłowów z zestawu ISO 10646
ZnakKod ISOOpis
"0022podwójny cudzysłów prosty z zestawu ASCII
'0027pojedynczy cudzysłów prosty z zestawu ASCII
2039pojedynczy lewy cudzysłów ostrokątny
203Apojedynczy prawy cudzysłów ostrokątny
«00ABpodwójny lewy cudzysłów ostrokątny
»00BBpodwójny prawy cudzysłów ostrokątny
2018pojedynczy lewy cudzysłów apostrofowy (górny)
2019pojedynczy prawy cudzysłów apostrofowy
201Cpodwójny lewy cudzysłów apostrofowy (górny)
201Dpodwójny prawy cudzysłów apostrofowy
201Epodwójny lewy cudzysłów apostrofowy (dolny)

Cytaty liniowe

Zawartość

Pseudolementy
Selektor Opis
:before | ::before zawartość przed elementem
:after | ::after zawartość po elemencie
Zawartość
content:
[ uri ',' ]* [ normal; | none; | inhibit | content-list ]

Zawartość przed i po

Cytaty blokowe

content-list
content-list Opis
string Tekst
contents Liczniki można określać za pomocą funkcji: counter(nazwa[,styl listy])
open-quote
close-quote
Wartości te są zastępowane odpowiednim łańcuchem pobranym z własności quotes.
no-open-quote
no-close-quote
Nie dodaje żadnej treści, ale zwiększa (lub zmniejsza) poziom zagnieżdżenia cudzysłowów.
attr(X) Funkcja zwracająca łańcuch - wartość atrybutu X selektora.

Formatowanie linków

Formatowanie linków

Autonumerowanie

Resetowanie licznika
content-reset:
none identifier integer np. licznik
Przyrost licznika
counter-increment:
none identifier integer np. licznik

Autonumerowanie

Autonumerowanie nagłówków