Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Zawartość generowana

Cudzysłowy

Email Drukuj PDF

Tematy: generowanie treści | 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
Interpretacja: Internet Explorer 8, Opera, Firefox

 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V