quotesVlastnost CSS umožňuje určit, jaké typy uvozovek se používají, když jsou přidány citáty přes content: open-quote;nebo content: close-quote;pravidel. Jak to použít:
q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )Ve výše uvedeném příkladu jsou přidány čtyři hodnoty. Sada dvojitých inteligentních uvozovek a dvojice jednoduchých inteligentních uvozovek. Je to trochu matoucí, protože každý citát je zabalen do uvozovek - ale jedná se pouze o programové uvozovky (mohou být dvojité („) nebo jednoduché (')) jako kdekoli jinde v CSS. Uvnitř jsou uvozovky, které budou použity na stránce.
Existují čtyři hodnoty pro obsah vlastnost, která se vztahují na quotesvlastnictví: open-quote, close-quote, no-open-quotea no-close-quote.
První dvojice uvozovek v hodnotě jsou úvodní a závěrečné uvozovky. Druhou dvojicí jsou úvodní a závěrečné uvozovky pro uvozovky vnořené o jednu úroveň hluboko do jiných uvozovek, které také quotesvlastnost používají . Např. Prvek uvnitř prvku.
Několik příkladů:
Dvojité uvozovky pro první nabídku, jednoduché uvozovky pro druhou.
Nabídka s francouzskými uvozovkami.
Do quotesnemovitosti můžete umístit tolik párů uvozovek, kolik chcete. Ale nemusíte dávat více než dvě, protože za každou nabídku navíc se jednoduše opakují quoteshodnoty od začátku.
Hodnoty no-open-quotea no-close-quotezastaví zobrazení nabídek, ale nadále zvyšují hloubku nabídky.
Více informací
- Nepoužívejte
prvek, pokud někoho necitujete. Ve všech ostatních případech (ironie, sarkasmus nebo cokoli jiného, pro co používáte uvozovky) jednoduše použijte samotné uvozovky (například: „“). - To není jen pro
prvek, mohlo by to býttaky nebo cokoli jiného. - Citáty a akcenty
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| 11+ | Žádný | 1,5+ | 4+ | 8+ | Žádný | Žádný |