Den quotesejendom i CSS giver dig mulighed for at angive, hvilke typer af citater bruges når citater tilføjes via content: open-quote;eller content: close-quote;regler. Sådan bruges det:
q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )I eksemplet ovenfor tilføjes fire værdier. Et sæt dobbelt smarte tilbud og et par enkelt smarte tilbud. Det er lidt forvirrende, da hvert citat er pakket ind i anførselstegn - men det er bare programmatiske citater (kunne være dobbelt (“) eller enkelt (')) som andre steder i CSS. Citaterne inde er, hvad der vil blive brugt på siden.
Der er fire værdier for indholdet ejendom, der vedrører den quotesejendom: open-quote, close-quote, no-open-quote, og no-close-quote.
Det første par af anførselstegn i værdien er åbnings- og afslutningskurser. Det andet par er åbnings- og lukningstilbud for tilbud anbragt et niveau dybt inde i andre tilbud, der også bruger quotesejendommen. F.eks. Et element inde i et element.
Et par eksempler:
Dobbelt tilbud på det første tilbud, enkelt tilbud på det andet.
Et tilbud med franske citater.
Du kan placere så mange par tilbud på quotesejendommen, som du vil. Men du behøver ikke sætte mere end to, for for hvert ekstra tilbud gentager det simpelthen quotesværdierne fra starten.
Den no-open-quoteog no-close-quoteværdier stoppe citater fra visning, men de fortsætter med at øge den citat dybde.
Mere information
- Brug ikke
elementet, medmindre du citerer nogen. I alle andre tilfælde (ironi, sarkasme eller hvad du ellers bruger anførselstegn til) skal du blot bruge anførselstegnene (som disse: “”). - Dette er ikke kun for
elementet, det kan væreogså eller noget andet. - Citater og accenter
Browsersupport
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 11+ | Nogen | 1,5+ | 4+ | 8+ | Nogen | Nogen |