<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

浏览器兼容性

BCD tables only load in the browser