Narekovaji - CSS-triki

Anonim

quotesHotel v CSS omogoča, da določite, katere vrste narekovajev se uporablja, ko so citati dodal prek content: open-quote;ali content: close-quote;pravil. Kako ga uporabiti:

q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )

V zgornjem primeru so dodane štiri vrednosti. Komplet dvojnih pametnih narekovajev in par enojnih pametnih narekovajev. Nekoliko je zmedeno, saj je vsak narekovaj ovit v narekovaje - vendar so to le programski narekovaji (lahko so dvojni (“) ali enojni (')) kot kjer koli drugje v CSS. Navedeni narekovaji bodo uporabljeni na strani.

Obstajajo štiri vrednosti premoženja z vsebinami, ki se nanašajo na quotesnepremičnine: open-quote, close-quote, no-open-quote, in no-close-quote.

Prvi par citatov v vrednosti so začetni in zaključni ponudniki. Drugi par sta začetna in zaključna ponudba za ponudbe, ugnezdene eno raven globoko znotraj drugih ponudb, ki prav tako uporabljajo quoteslastnost. Npr. Element znotraj elementa.

Nekaj ​​primerov:

Dvojni narekovaji na prvi ponudbi, enojni narekovaji na drugi.

Citat s francoskimi citati.

V quoteslastnost lahko vstavite toliko parov narekovajev, kot želite. Vendar vam ni treba postaviti več kot dve, saj za vsako dodatno ponudbo preprosto ponovi quotesvrednosti od začetka.

Vrednosti no-open-quotein no-close-quotepreprečujejo prikaz navodnikov, vendar še naprej povečujejo globino narekovaja.

Več informacij

  • Elementa ne uporabljajte, razen če nekoga citirate. V vseh drugih primerih (ironija, sarkazem ali karkoli drugega, za kar uporabljate narekovaje) preprosto uporabite narekovaje (na primer te: "").
  • To ni samo za element, lahko bi bilo
    preveč ali kaj drugega.
  • Citati in poudarki

Podpora za brskalnik

Chrome Safari Firefox Opera IE Android iOS
11+ Kaj 1,5+ 4+ 8+ Kaj Kaj