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 |