<string>

Базовая Широко доступная

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Тип данных <string> CSS данных представляет собой последовательность символов. Строки используются во многих свойствах CSS, таких как content, font-family и quotes.

Синтаксис

Тип данных <string> состоит из любого количества символов Unicode, заключенных в двойные (") или одинарные (') кавычки.

Большинство символов могут быть представлены буквально. Все символы также могут быть представлены с помощью соответствующих кодов Unicode в шестнадцатеричном формате, в этом случае они предваряются обратной косой чертой (\). Например, \22 представляет двойную кавычку, \27 — одинарную кавычку ('), а \A9 — символ авторского права (©).

Важно, что некоторые символы, которые в противном случае были бы недопустимы, могут быть экранированы обратной косой чертой. Это включает двойные кавычки, используемые внутри строки с двойными кавычками, одинарные кавычки, используемые внутри строки с одинарными кавычками, и саму обратную косую черту. Например, \\ создаст одну обратную косую черту.

Для вывода новых строк необходимо экранировать их символом перевода строки, например, \A или \00000A. Однако в вашем коде строки могут занимать несколько строк, в этом случае каждая новая строка должна быть экранирована с помощью \ в качестве последнего символа строки.

Однако, чтобы получить новые строки, необходимо также установить свойство white-space на соответствующее значение.

Примечание: Ссылки на символы (например,   или —) нельзя использовать в CSS <string>.

Примеры

Примеры допустимых строк

/* Simple 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"

Спецификации

Спецификация
Модуль CSS Значений и Единиц Уровень 4 # строки

Совместимость с браузерами

	Рабочие Столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`string`	1	12	1	3.5	1	18	4	10.1	1	1.0	≤37
`unicode_escaped_characters`	1	12	1	7	1	18	4	10.1	1	1.0	≤37

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/string