Citate - CSS-Tricks | Almanah CSS 2025

quotesProprietatea în CSS vă permite să specificați care sunt utilizate tipuri de citate , atunci când sunt citate adăugate prin intermediul content: open-quote;sau content: close-quote;reguli. Iată cum să îl utilizați:

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

În exemplul de mai sus, se adaugă patru valori. Un set de citate inteligente duble și o pereche de citate inteligente simple. Este ușor confuz, deoarece fiecare citat este înfășurat în ghilimele - dar acestea sunt doar ghilimele programatice (ar putea fi duble („) sau simple (')) ca oriunde în CSS. Citatele din interior sunt cele care vor fi folosite pe pagină.

Există patru valori pentru proprietatea de conținut care se referă la quotesproprietatea: open-quote, close-quote, no-open-quote, și no-close-quote.

Prima pereche de ghilimele din valoare sunt ghilimelele de deschidere și de închidere. A doua pereche reprezintă ghilimelele de deschidere și închidere pentru ghilimelele imbricate la un nivel adânc în alte ghilimele care folosesc și quotesproprietatea. De exemplu, un element din interiorul unui element.

Câteva exemple:

Citate duble pe primul citat, citate simple pe al doilea.

Un citat cu citate franceze.

Puteți plasa în proprietate câte perechi de citate quotesdoriți. Dar nu trebuie să puneți mai mult de două, deoarece pentru fiecare citat suplimentar repetă pur și simplu quotesvalorile de la început.

Valorile no-open-quoteși no-close-quoteopresc afișarea ghilimelelor, dar continuă să mărească adâncimea ghilimelei.

Mai multe informatii

Nu utilizați elementul decât dacă citați pe cineva. În toate celelalte cazuri (ironie, sarcasm sau orice altceva folosiți ghilimele) pur și simplu folosiți ghilimele în sine (ca acestea: „”).
Aceasta nu este doar pentru element, ar putea fi
de asemenea sau orice altceva.
Citate și accente