Idézetek - CSS-trükkök | CSS Almanach 2025

A quotesCSS tulajdonság lehetővé teszi, hogy meghatározza, hogy milyen típusú idézőjeleket használjon, amikor az ajánlatokat hozzáadja a content: open-quote;vagy a content: close-quote;szabályokhoz. Így kell használni:

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

A fenti példában négy értéket adunk hozzá. Dupla intelligens árajánlatok és egy pár intelligens árajánlat. Kissé zavarba ejtő, mivel minden idézet idézőjelbe van csomagolva - de ezek csak programozott idézetek (lehetnek kettősek („) vagy egyszeresek (')), mint bárhol másutt a CSS-ben. A belső idézőjelek fogják használni az oldalt.

Négy értékek tartalmi tulajdonság, amelyek kapcsolódnak a quotestulajdonság: open-quote, close-quote, no-open-quoteés no-close-quote.

Az érték első első párja a nyitó és a záró árajánlat. A második pár a nyitó és záró idézetek azokhoz az árajánlatokhoz, amelyek egy szintre vannak beágyazva más, a quotestulajdonságot is használó idézetek között . Pl. Egy elem az elem belsejében .

Néhány példa:

Az első idézetben dupla idézetek, a másodikban egyesek.

Idézet francia idézetekkel.

A szálláshelyen annyi árajánlatot helyezhet el, quotesamennyit csak akar. De nem kell kettőnél többet feltenned, mert minden extra árajánlatnál egyszerűen megismétli az quotesértékeket a kezdetektől fogva.

Az no-open-quoteés no-close-quoteértékek megállítják az idézetek megjelenítését, de továbbra is növelik az idézet mélységét.

Több információ

Ne használja az elemet, csak ha valakit idéz. Minden más esetben (irónia, szarkazmus vagy bármi más, amire idézőjeleket használsz) egyszerűen használd magukat az idézőjeleket (például ezeket: „”).
Ez nem csak az elemre vonatkozik, lehet
is vagy bármi más.
Idézetek és ékezetek