Citati - CSS-trikovi

Anonim

quotesNekretnina u CSS vam omogućuje da odredite koje vrste citata koristi kada se citati dodaju putem content: open-quote;ili content: close-quote;pravila. Evo kako ga koristiti:

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

U gornjem primjeru dodane su četiri vrijednosti. Skup dvostrukih pametnih citata i par pojedinačnih pametnih citata. Pomalo je zbunjujuće jer je svaki navodnik umotan u navodnike - ali to su samo programski citati (mogu biti dvostruki (“) ili pojedinačni (')) kao bilo gdje drugdje u CSS-u. Navodi unutar stranice su ono što će se koristiti na stranici.

Postoje četiri vrijednosti za imovinu sadržaja koji se odnose na quotesimovinu: open-quote, close-quote, no-open-quote, i no-close-quote.

Prvi par citata u vrijednosti su početni i završni citati. Drugi par su početni i završni citati za citate ugniježđene na jednoj razini duboko u ostalim citati koji također koriste quotessvojstvo. Npr. Element unutar elementa.

Nekoliko primjera:

Dvostruki navodnici na prvom navodniku, pojedinačni navodnici na drugom navodniku.

Citat s francuskim navodnicima.

U quotessvojstvo možete smjestiti onoliko parova citata koliko želite. Ali ne morate staviti više od dva, jer za svaki dodatni citat jednostavno ponavlja quotesvrijednosti od početka.

Vrijednosti no-open-quotei no-close-quotezaustavljaju prikazivanje navodnika, ali nastavljaju povećavati dubinu citata.

Više informacija

  • Ne koristite element, osim ako nekoga ne citirate. U svim ostalim slučajevima (ironija, sarkazam ili bilo što drugo za što koristite navodnike) jednostavno upotrijebite same navodnike (poput ovih: "").
  • Ovo nije samo za element, moglo bi biti
    previše ili bilo što drugo.
  • Citati i naglasci

Podrška preglednika

Krom Safari Firefox Opera IE Android iOS
11+ Bilo koji 1,5+ 4+ 8+ Bilo koji Bilo koji