Tematy: zawartość | przyrost licznika | reset licznika | cudzysłowy
| Dane w pigułce | |
| Zastosowanie | definiowanie znaków cudzysłowów |
| Dziedziczenie | tak |
| Wartości | znaki w Unikodzie lub encje |
| Wartość domyślna | "" |
| Przykład | blockquote { quotes: "\201e" "\201d"; } |
| Uwagi | |
| Odpowiednik w HTML | brak |
Aby zdefiniować cudzysłów, należy wpisać w definicji stylu quotes : wartość znaku
Polecenie quotes pozwala nam zdefiniować, jakie znaki zostaną użyte w charakterze cudzysłowów, gdy za pomocą content przywołujemy cudzysłowy - nie jest wcale powiedziane, że musi to być tradycyjny znak cudzysłowu z klawiatury. Polecenie wstawiamy do stylów w części nagłówkowej strony HEAD
Przykład użycia wartości unikodowych (z przykładowym selektorem blockquote):
blockquote { quotes: "\201e" "\201d"; }
blockquote:before { content: open-quote; }
blockquote:after { content: close-quote; }
Efekt:
jakiś cytat
Inny przykład (z selektorem blockquote):
blockquote { quotes: "\00AB" "\00BB" }
blockquote:before { content: open-quote; }
blockquote:after { content: close-quote; }
Efekt:
jakiś cytat
Zauważ, że można też tworzyć osobne definicje dla różnych atrybutów językowych selektora (np. lang="fr"), co pozwala używać cudzysłowy stosowane zwyczajowo w danym kraju.
Uwaga: cytatów opisywanych za pomocą encji przeglądarki na razie nie interpretują.
Tabela z typowymi znakami
| Przykład | Encja | Unicode |
|---|---|---|
| " | " | 0022 |
| ' | ' | 0027 |
| ‹ | ‹ | 2039 |
| › | › | 203A |
| « | « | 00AB |
| » | » | 00BB |
| ‘ | ‘ | 2018 |
| ’ | ’ | 2019 |
| “ | “ | 201C |
| ” | ” | 201D |
| „ | „ | 201E |