quotesCSS nuosavybė leidžia jums nurodyti, kokių tipų kabučių yra naudojamas, kai citatos yra pridedamos naudojant content: open-quote;ar content: close-quote;taisykles. Štai kaip jį naudoti:
q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )Aukščiau pateiktame pavyzdyje pridedamos keturios vertės. Dvigubų išmaniųjų kabučių rinkinys ir pora pavienių išmaniųjų kabučių. Tai šiek tiek glumina, nes kiekviena citata suvyniota į kabutes, tačiau tai tik programinės citatos (gali būti dvigubos („)“ arba „vienos“ (')), kaip ir bet kur kitur CSS. Kabutės viduje bus naudojamos puslapyje.
Yra keturi vertės turinio nuosavybės nuostatos, susijusios su quotesturtu: open-quote, close-quote, no-open-quoteir no-close-quote.
Pirmoji vertės kabučių pora yra pradžios ir pabaigos kabutės. Antroji pora yra kabučių pradžios ir pabaigos kabutės, įdėtos į vieną lygį giliai kitose kabutėse, kurios taip pat naudojasi quotesnuosavybe. Pvz., Elementas elemento viduje .
Keletas pavyzdžių:
Pirmosios citatos dvigubos, antrosios - vienkartinės.
Citata su prancūziškomis citatomis.
quotesNuosavybėje galite įdėti tiek kainų porų, kiek norite. Bet jūs neturite įdėti daugiau nei dviejų, nes kiekvienai papildomai citatai jis tiesiog pakartoja quotesvertes nuo pat pradžių.
no-open-quoteIr no-close-quotevertybės sustabdyti citatos iš rodyti, bet jie ir toliau prieaugio citata gylį.
Daugiau informacijos
- Nenaudokite
elemento, nebent ką nors cituojate. Visais kitais atvejais (ironija, sarkazmas ar visa kita, kam naudojate kabutes) tiesiog naudokite pačias kabutes (pvz., „“). - Tai galioja ne tik
elementuitaip pat ar dar kas nors. - Citatos ir kirčiai
Naršyklės palaikymas
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| 11+ | Bet koks | 1,5 ir daugiau | 4+ | 8+ | Bet koks | Bet koks |