`<string>` тип CSS
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и во многих версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
<string> CSS тип данных представляет собой последовательность символов. Строки используются во многих свойствах CSS, таких как content, font-family и quotes.
Синтаксис
Тип данных <string> состоит из любого количества символов Unicode, заключённых в двойные (") или одинарные (') кавычки.
Большинство символов можно записать непосредственно. Также все символы можно представить их шестнадцатеричными кодовыми точками Unicode; в этом случае перед ними ставится обратная косая черта (\). Например, \22 представляет двойную кавычку, \27 — одинарную кавычку ('), а \A9 — символ авторского права (©).
Важно отметить, что некоторые символы, которые иначе были бы недопустимы, можно экранировать с помощью обратной косой черты. К ним относятся двойные кавычки внутри строки, заключённой в двойные кавычки, одинарные кавычки внутри строки, заключённой в одинарные кавычки, а также сама обратная косая черта. Например, \\ создаст одну обратную косую черту.
Чтобы вывести символы новой строки, необходимо экранировать их символом перевода строки, например \A или \00000A. Однако в коде строки могут занимать несколько строк; в этом случае каждую новую строку необходимо экранировать с помощью \ в конце строки.
Однако, чтобы получить новые строки, также необходимо задать для свойства white-space подходящее значение.
Примечание: Ссылки на символы (например, или —) нельзя использовать в CSS <string>.
Примеры
Примеры допустимых строк
/* 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"
Спецификации
| Спецификация |
|---|
| Модуль значений и единиц CSS, уровень 4 # strings |
Совместимость с браузерами
| Настольные устройства | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
string |
1 |
12 |
1 |
3.5 |
1 |
18 |
4 |
10.1 |
1 |
1.0 |
4.4 |
1 |
unicode_escaped_characters |
1 |
12 |
1 |
7 |
1 |
18 |
4 |
10.1 |
1 |
1.0 |
4.4 |
1 |
См. также
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/string
