La quotesproprietà in CSS consente di specificare quali tipi di virgolette vengono utilizzati quando le virgolette vengono aggiunte tramite le regole content: open-quote;o content: close-quote;. Ecco come usarlo:
q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )Nell'esempio sopra, vengono aggiunti quattro valori. Un insieme di virgolette intelligenti doppie e un paio di virgolette intelligenti singole. È un po 'confuso poiché ogni virgoletta è racchiusa tra virgolette, ma quelle sono solo virgolette programmatiche (potrebbero essere doppie (") o singole (')) come in qualsiasi altra parte dei CSS. Le virgolette all'interno sono ciò che verrà utilizzato nella pagina.
Ci sono quattro valori per la proprietà dei contenuti che si riferiscono alla quotesproprietà: open-quote, close-quote, no-open-quote, e no-close-quote.
La prima coppia di virgolette nel valore sono le virgolette di apertura e di chiusura. La seconda coppia sono le virgolette di apertura e di chiusura per le virgolette annidate un livello in profondità all'interno di altre virgolette che utilizzano anch'esse la quotesproprietà. Ad esempio un elemento all'interno di un elemento.
Alcuni esempi:
Virgolette doppie sulla prima virgoletta, virgolette singole sulla seconda.
Una citazione con citazioni francesi.
Puoi inserire tutte le coppie di citazioni nella quotesproprietà che desideri. Ma non devi metterne più di due, perché per ogni citazione in più ripete semplicemente i quotesvalori dall'inizio.
I valori no-open-quotee no-close-quoteinterrompono la visualizzazione delle virgolette, ma continuano ad aumentare la profondità della quotazione.
Maggiori informazioni
- Non utilizzare l'
elemento a meno che tu non stia citando qualcuno. In tutti gli altri casi (ironia, sarcasmo o qualsiasi altra cosa per cui usi le virgolette) usa semplicemente le virgolette stesse (come queste: ""). - Questo non è solo per l'
elemento, potrebbe esseretroppo o qualsiasi altra cosa. - Citazioni e accenti
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 11+ | Qualunque | 1.5+ | 4+ | 8+ | Qualunque | Qualunque |