quotesVara CSS võimaldab määrata, millist tüüpi kasutatakse tsitaate kui tsitaadid on lisatud kaudu content: open-quote;või content: close-quote;eeskirjadega. Selle kasutamiseks tehke järgmist.
q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )Ülaltoodud näites lisatakse neli väärtust. Kahekordsete nutikate jutumärkide komplekt ja üksikute nutikate jutumärkide paar. See on veidi segadusttekitav, kuna iga tsitaat on pakitud jutumärkidesse - kuid need on lihtsalt programmilised jutumärgid (võivad olla topelt (“) või üksikud (')) nagu mujalgi CSS-is. Sees olevad jutumärgid on need, mida lehel kasutatakse.
Seal on neli väärtused sisu vara, mis on seotud quotesvara: open-quote, close-quote, no-open-quote, ja no-close-quote.
Esimene hinnapakkumiste paar on algus- ja lõpupakkumine. Teine paar on pakkumiste algus- ja lõpupakkumine, mis on sisestatud ühe taseme sügavusele teiste jutumärkide sisse, mis samuti seda quotesomadust kasutavad . Näiteks element elemendi sees .
Mõned näited:
Esimesel tsitaadil topeltpakkumised, teisel tsitaadid.
Prantsuse tsitaatidega tsitaat.
Võite paigutada quotesmajutusasutusse nii palju hinnapakkumisi kui soovite. Kuid te ei pea panema rohkem kui kahte, sest iga lisapakkumise puhul korratakse lihtsalt quotesväärtusi algusest peale.
no-open-quoteJa no-close-quoteväärtused peatada hinnapakkumisi kuvamist, kuid nad jätkavad juurdekasvu tsitaat sügavus.
Rohkem informatsiooni
- Ärge kasutage
elementi, kui te kedagi ei tsiteeri. Kõigil muudel juhtudel (iroonia, sarkasm või muu, mille jaoks jutumärke kasutate) kasutage lihtsalt jutumärke (näiteks neid: “”). - See pole mitte ainult
elemendi jaoks, vaid võib ka ollaliiga või midagi muud. - Hinnapakkumised ja aktsendid
Brauseri tugi
| Chrome | Safari | Firefox | Ooper | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 11+ | Ükskõik | 1,5+ | 4+ | 8+ | Ükskõik | Ükskõik |