Den quoteseiendom i CSS lar deg spesifisere hvilke typer sitater brukes når sitater legges via den content: open-quote;eller content: close-quote;regler. Slik bruker du det:
q ( quotes: "“" "”" "‘" "’"; ) q::before ( content: open-quote; ) q::after ( content: close-quote; )I eksemplet ovenfor er fire verdier lagt til. Et sett med doble smarte anførselstegn og et par enkle smarte anførselstegn. Det er litt forvirrende ettersom hvert sitat er pakket inn i anførselstegn - men det er bare programmatiske anførselstegn (kan være dobbelt (“) eller enkelt (')) som andre steder i CSS. Sitatene inni er det som skal brukes på siden.
Det er fire verdier for innholdet eiendommen som er relatert til quoteseiendommen: open-quote, close-quote, no-open-quote, og no-close-quote.
Det første paret av anførselstegn i verdien er innledende og avsluttende anførselstegn. Det andre paret er åpnings- og lukkekursene for tilbud som er nestet ett nivå dypt innenfor andre tilbud som også bruker quoteseiendommen. F.eks et element inne i et element.
Noen få eksempler:
Dobbelt anførselstegn på det første tilbudet, enkelt anførselstegn på det andre.
Et tilbud med franske sitater.
Du kan plassere så mange tilbud på quoteseiendommen du vil. Men du trenger ikke å sette mer enn to, for for hvert ekstra tilbud gjentar det ganske enkelt quotesverdiene fra begynnelsen.
Den no-open-quoteog no-close-quoteverdier stoppe sitater fra å vise, men de fortsetter å øke tilbudet dybde.
Mer informasjon
- Ikke bruk
elementet med mindre du siterer noen. I alle andre tilfeller (ironi, sarkasme eller hva annet du bruker anførselstegn for) bruker du bare anførselstegnene (som disse: “”). - Dette er ikke bare for
elementet, det kan væreogså eller noe annet. - Sitater og aksenter
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| 11+ | Noen | 1,5+ | 4+ | 8+ | Noen | Noen |