<string>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Der <string> CSS Datentyp repräsentiert eine Folge von Zeichen. Strings werden in zahlreichen CSS-Eigenschaften verwendet, wie zum Beispiel content, font-family und quotes.

Syntax

Der <string>-Datentyp besteht aus einer beliebigen Anzahl von Unicode-Zeichen, die entweder von doppelten (") oder einfachen (') Anführungszeichen umgeben sind.

Die meisten Zeichen können wörtlich dargestellt werden. Alle Zeichen können auch über ihre jeweiligen Unicode-Codepunkte in Hexadezimaldarstellung dargestellt werden, wobei sie durch einen Backslash (\) eingeleitet werden. Beispielsweise stellt \22 ein doppeltes Anführungszeichen dar, \27 ein einfaches Anführungszeichen (') und \A9 das Copyright-Symbol (©).

Wichtig ist, dass bestimmte Zeichen, die sonst ungültig wären, mit einem Backslash maskiert werden können. Dazu gehören doppelte Anführungszeichen, wenn sie innerhalb eines doppelt-angeführten Strings verwendet werden, einfache Anführungszeichen, wenn sie innerhalb eines einfach-angeführten Strings verwendet werden, und der Backslash selbst. Zum Beispiel wird \\ einen einzelnen Backslash erzeugen.

Um neue Zeilen auszugeben, müssen Sie diese mit einem Zeilenumbruch-Zeichen wie \A oder \00000A maskieren. In Ihrem Code können Zeichenfolgen jedoch mehrere Zeilen umfassen, wobei jede neue Zeile mit einem \ als letztes Zeichen der Zeile maskiert werden muss.

Um jedoch neue Zeilen zu erhalten, müssen Sie die white-space-Eigenschaft auf einen geeigneten Wert setzen.

Note: Zeichenreferenzen (wie &nbsp; oder &#8212;) können in einem CSS-<string> nicht verwendet werden.

Beispiele

Beispiele für gültige Strings

css
/* Basic strings */
"This string is demarcated by double quotes."
'This string is demarcated by single quotes.'

/* Character escaping */
"This is a string with \" an escaped double quote."
"This string also has \22 an escaped double quote."
'This is a string with \' an escaped single quote.'
'This string also has \27 an escaped single quote.'
"This is a string with \\ an escaped backslash."

/* New line in a string */
"This string has a \Aline break in it."

/* String spanning two lines of code (these two strings will have identical output) */
"A really long \
awesome string"
"A really long awesome string"

Spezifikationen

Specification
CSS Values and Units Module Level 4
# strings

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch