quotesOmaisuus CSS voit määritellä, minkä tyyppiset lainausmerkkejä käytetään, kun lainauksia lisätään kautta content: open-quote;tai content: close-quote;sääntöjä. Näin voit käyttää sitä:
q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )Yllä olevassa esimerkissä lisätään neljä arvoa. Sarja kaksinkertaisia älykkäitä lainauksia ja pari yksittäisiä älykkäitä lainausmerkkejä. Se on hieman hämmentävää, kun jokainen tarjous on kääritty lainausmerkkeihin - mutta ne ovat vain ohjelmallisia lainauksia (voivat olla kaksinkertaisia (“) tai yksittäisiä (')) kuin missään muualla CSS: ssä. Sisällä olevat lainaukset ovat mitä käytetään sivulla.
On neljä arvoa sisällöstä omaisuutta, jotka liittyvät quotesomaisuuden: open-quote, close-quote, no-open-quote, ja no-close-quote.
Arvon ensimmäiset lainausparit ovat aloitus- ja lopulliset lainausmerkit. Toinen pari ovat alku- ja loppulainauksia lainauksia sisäkkäin yhden tason syvällä muiden lainausten sisällä, jotka myös käyttävät quotesominaisuutta. Esim. Elementti elementin sisällä .
Muutama esimerkki:
Ensimmäisessä lainauksessa kaksoislainausmerkit, toisessa lainausmerkit.
Lainaus ranskalaisilla lainauksilla.
Voit sijoittaa kiinteistöön niin monta tarjousparia quoteskuin haluat. Mutta sinun ei tarvitse laittaa enempää kuin kaksi, koska jokainen ylimääräinen lainaus yksinkertaisesti toistaa quotesarvot alusta alkaen.
no-open-quoteJa no-close-quotearvot pysäyttää lainauksia näyttämisen, mutta ne ovat edelleen kasvattaa lainaus syvyyttä.
Lisää tietoa
- Älä käytä
elementtiä, ellet lainaa jotakuta. Kaikissa muissa tapauksissa (ironia, sarkasmi tai mikä tahansa muu, mihin lainauksia käytät), käytä vain itse lainausmerkkejä (kuten nämä: “”). - Tämä ei koske vain
elementtiä, se voi ollaliian tai mitään muuta. - Lainaukset ja aksentit
Selaimen tuki
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 11+ | Minkä tahansa | 1,5+ | 4+ | 8+ | Minkä tahansa | Minkä tahansa |