Zitate - CSS-Tricks | CSS-Almanach 2025

Mit der quotesEigenschaft in CSS können Sie angeben, welche Arten von Anführungszeichen verwendet werden, wenn Anführungszeichen über die Regeln content: open-quote;oder hinzugefügt werden content: close-quote;. So verwenden Sie es:

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

Im obigen Beispiel werden vier Werte hinzugefügt. Eine Reihe von doppelten intelligenten Anführungszeichen und ein Paar von einfachen intelligenten Anführungszeichen. Es ist etwas verwirrend, da jedes Zitat in Anführungszeichen eingeschlossen ist - aber dies sind nur programmatische Anführungszeichen (können doppelt (“) oder einfach (') sein) wie überall in CSS. Die darin enthaltenen Anführungszeichen werden auf der Seite verwendet.

Es gibt vier Werte für den Inhalt Eigenschaft, die auf die beziehen quotesEigenschaft: open-quote, close-quote, no-open-quote, und no-close-quote.

Das erste Paar von Anführungszeichen in dem Wert sind die Öffnungs- und Schließ Anführungszeichen. Das zweite Paar sind die öffnenden und schließenden Anführungszeichen für Anführungszeichen, die eine Ebene tief in anderen Anführungszeichen verschachtelt sind, die ebenfalls die quotesEigenschaft verwenden. ZB ein Element innerhalb eines Elements.

Einige Beispiele:

Doppelte Anführungszeichen im ersten Anführungszeichen, einfache Anführungszeichen im zweiten.

Ein Zitat mit französischen Zitaten.

Sie können beliebig viele Anführungszeichen in die quotesEigenschaft einfügen. Sie müssen jedoch nicht mehr als zwei eingeben, da für jedes zusätzliche Zitat einfach die quotesWerte von Anfang an wiederholt werden.

Die Werte no-open-quoteund verhindern no-close-quote, dass die Anführungszeichen angezeigt werden, erhöhen jedoch weiterhin die Anführungszeichen-Tiefe.

Mehr Informationen

Verwenden Sie das Element nur, wenn Sie jemanden zitieren. In allen anderen Fällen (Ironie, Sarkasmus oder was auch immer Sie sonst in Anführungszeichen setzen) verwenden Sie einfach die Anführungszeichen selbst (wie diese: "").
Dies ist nicht nur für das Element, es könnte sein
auch oder irgendetwas anderes.
Zitate & Akzente