Citāti - CSS-triki

Anonim

quotesĪpašums CSS ļauj norādīt, kāda veida citātus tiek izmantoti, kad pēdiņas tiek pievienotas, izmantojot content: open-quote;vai content: close-quote;noteikumiem. Lūk, kā to izmantot:

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

Iepriekš minētajā piemērā tiek pievienotas četras vērtības. Dubultu viedo pēdiņu un atsevišķu viedo pēdiņu kopums. Tas ir nedaudz mulsinoši, jo katrs citāts ir iesaiņots pēdiņās, bet tie ir tikai programmatiski citāti (var būt dubultā (“) vai viens (”)) kā jebkur citur CSS. Iekšējās pēdiņas ir tās, kuras tiks izmantotas lapā.

Ir četras vērtības satura īpašumu, kas attiecas uz quotesnekustamo īpašumu: open-quote, close-quote, no-open-quote, un no-close-quote.

Pirmais pēdiņu pāris vērtībā ir sākuma un beigu pēdiņas. Otrais pāris ir pēdiņu pēdējās un pēdējās pēdiņas, kas atrodas vienā līmenī dziļi citu pēdiņu iekšpusē, kurās arī tiek izmantots quotesīpašums. Piemēram, elements elementa iekšpusē .

Daži piemēri:

Pirmajā citātā dubultās pēdiņas, otrajā - atsevišķas pēdiņas.

Citāts ar franču pēdiņām.

quotesĪpašumā varat ievietot tik daudz pēdiņu pāru, cik vēlaties. Bet jums nav jāliek vairāk par diviem, jo ​​par katru papildu citātu tas vienkārši atkārto quotesvērtības no sākuma.

no-open-quoteUn no-close-quotevērtības apturēt citātus parādīšanu, bet viņi turpina izmainiet citātu dziļumu.

Vairāk informācijas

  • Neizmantojiet elementu, ja vien jūs kādu citējat. Visos citos gadījumos (ironija, sarkasms vai jebkas cits, kam izmantojat pēdiņas), vienkārši izmantojiet pēdiņas (piemēram: “”).
  • Tas attiecas ne tikai uz elementu, tas varētu būt
    pārāk vai jebko citu.
  • Citāti un akcenti

Pārlūka atbalsts

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