Właściwość quotes

Właściwość quotes przypisuje fragmentowi tekstu określony typ cudzysłowów. Cudzysłowy są dodawane automatycznie do tekstu wewnątrz znacznika <q>.

Składnia

cssselektor {
  quotes: typ lewego cudzysłowu, typ prawego cudzysłowu lub none lub inherit;
}

Wartość	Opis
`"`	Podwójny cudzysłów, stosowany zazwyczaj w krojach monospace, do oznaczania cala, a także sekund kątowych.
`'`	Apostrof. Symbol minut kątowych, w łacinie stosowany do oznaczania miękkiego znaku.
`«`	Otwierający podwójny cudzysłów ostrokątny.
`»`	Zamykający podwójny cudzysłów ostrokątny.
`‘`	Otwierający pojedynczy cudzysłów.
`’`	Zamykający pojedynczy cudzysłów.
`“`	Otwierający podwójny cudzysłów w tekstach anglojęzycznych lub zamykający dla języka rosyjskiego
`”`	Zamykający podwójny cudzysłów w tekstach anglojęzycznych.
`„`	Otwierający podwójny cudzysłów. Stosowany w języku rosyjskim.
`none`	Cudzysłowy nie są dodawane.
`inherit`	Dziedziczy wartość rodzica.

Ustawmy dla naszego cytatu podwójne cudzysłowy ostrokątne i niebieski kolor czcionki:

html<body>
  <p>To jest <q>cytat</q>.</p>
</body>

cssp {
  font-size: 1.5em;
}
q {
  font-style: italic;
  color: #467CBC;
  quotes: '«' '»';
}

Результат: