<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.

在 CSS 中,<string> 是用来表示一串字符的数据类型,它被用在众多 CSS 属性中,例如contentfont-family、和quotes

使用规则

<string> 数据类型是由包含在英文双引号(")或英文单引号(')中的任意数量的 Unicode 字符组成。

大多数字符都可以写成字面量的形式,并且所有字符都可以写成以反斜线(\)开头的十六进制 Unicode 码点的形式。比如说:\22表示一个双引号,\27表示一个单引号,\A9表示版权声明符号(©)。

需要注意的是,在使用某些特殊字符时需要在前面加上反斜线来转义,包括但不限于在双引号字符串中使用双引号字符,在单引号字符串中使用单引号字符,以及反斜线字符,比如 \\ 表示一个反斜线字符。

当你想换行的时候,必须使用像 \A 或者 \00000A 这样的换行符。不过在你的代码中,可以通过在每行末尾增加一个反斜线(\)的方式来创建一个多行的字符串。

备注: CSS <string> 中不能使用像 &nbsp; 或者 &#8212; 这样的实体。

例子

css
/* 简单字符串 */
"该字符串用双引号括起来。"
'该字符串用单引号括起来。'

/* 字符转义 */
"这是一个包含转义的双引号(\")的字符串。"
"这也是一个具有转义双引号(\22)的字符串。"
'这是一个具有转义单引号(\')的字符串。'
'这也是一个具有转义单引号(\27)的字符串。'
"这是一个具有转义反斜杠(\\)的字符串。"

/* 字符串中的换行 */
"该字符串具有\A断行。"

/* 跨越两行代码的字符串(这两个字符串具有相同的输出) */
"一个非常长\
的字符串"
"一个非常长的字符串"

规范

Specification
CSS Values and Units Module Level 4
# strings

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
<string>
Unicode escaped characters (\xx)

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support