quotesVlastnosť CSS umožňuje určiť, aké typy úvodzoviek sa používajú, keď sú pridané citáty cez content: open-quote;alebo content: close-quote;pravidiel. Používate ho takto:
q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )V príklade vyššie sú pridané štyri hodnoty. Sada dvojitých inteligentných úvodzoviek a pár jednoduchých úvodzoviek. Je to mierne mätúce, pretože každá citácia je zabalená v úvodzovkách - ale jedná sa iba o programové úvodzovky (môžu byť dvojité („) alebo jednoduché (')) ako kdekoľvek inde v CSS. Citáty vo vnútri sú to, čo sa použije na stránke.
Existujú štyri hodnoty pre obsah vlastnosť, ktorá sa vzťahujú na quotesvlastníctvo: open-quote, close-quote, no-open-quotea no-close-quote.
Prvý pár úvodzoviek v hodnote sú úvodné a záverečné úvodzovky. Druhou dvojicou sú úvodné a záverečné úvodzovky pre úvodzovky, ktoré sú vložené o jednu úroveň hlboko do ostatných úvodzoviek, ktoré tiež vlastnosť využívajú quotes. Napr. Prvok vo vnútri prvku.
Niekoľko príkladov:
Dvojité úvodzovky na prvý citát, jednoduché úvodzovky na druhý.
Citát s francúzskymi citátmi.
Do quotesnehnuteľnosti môžete umiestniť toľko párov ponúk, koľko chcete. Nemusíte však dávať viac ako dve, pretože za každú ponuku navyše sa jednoducho opakujú quoteshodnoty zo začiatku.
Hodnoty no-open-quotea no-close-quotezastavia zobrazovanie ponúk, ale naďalej zvyšujú hĺbku ponuky.
Viac informácií
- Nepoužívajte
prvok, pokiaľ niekoho neuvádzate. Vo všetkých ostatných prípadoch (irónia, sarkazmus alebo čokoľvek iné, v čom používate úvodzovky) jednoducho použite samotné úvodzovky (napríklad tieto: „“). - Toto nie je len pre
element, mohlo by to byťtiež alebo čokoľvek iné. - Citáty a akcenty
Podpora prehľadávača
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 11+ | akýkoľvek | 1,5+ | 4+ | 8+ | akýkoľvek | akýkoľvek |