quotesNieruchomość w CSS pozwala określić, które wykorzystywane są rodzaje cudzysłowów gdy notowania są dodawane za pośrednictwem content: open-quote;lub content: close-quote;zasad. Oto jak z niego korzystać:
q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )W powyższym przykładzie dodano cztery wartości. Zestaw podwójnych inteligentnych cudzysłowów i para pojedynczych inteligentnych cudzysłowów. Jest to trochę mylące, ponieważ każdy cytat jest zawijany w cudzysłowy - ale są to po prostu cudzysłowy programowe (mogą być podwójne („) lub pojedyncze (')), jak gdziekolwiek indziej w CSS. Cytaty wewnątrz są tym, co zostanie użyte na stronie.
Istnieją cztery wartości dla właściwości content, które odnoszą się do quoteswłasności: open-quote, close-quote, no-open-quote, i no-close-quote.
Pierwsza para cudzysłowów w wartości to notowania otwierające i zamykające. Druga para to cudzysłowy otwierające i zamykające dla kwotowań zagnieżdżonych jeden poziom w głąb innych cudzysłowów, które również używają tej quoteswłaściwości. Np. Element wewnątrz elementu.
Kilka przykładów:
Podwójne cudzysłowy w pierwszym cudzysłowie, pojedyncze cudzysłowy w drugim.
Cytat z francuskimi cytatami.
W quotesnieruchomości możesz umieścić dowolną liczbę par cudzysłowów . Ale nie musisz umieszczać więcej niż dwóch, ponieważ dla każdego dodatkowego cytatu po prostu powtarza quoteswartości od początku.
Wartości no-open-quotei no-close-quotezatrzymują wyświetlanie cudzysłowów, ale nadal zwiększają głębokość cytatów.
Więcej informacji
- Nie używaj tego
elementu, chyba że kogoś cytujesz. We wszystkich innych przypadkach (ironia, sarkazm lub cokolwiek innego, do czego używasz cudzysłowów), po prostu użyj samych cudzysłowów (takich jak te: „”). - To może być nie tylko
kwestia żywiołuteż lub cokolwiek innego. - Cytaty i akcenty
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| 11+ | Każdy | 1.5+ | 4+ | 8+ | Każdy | Każdy |