<string>

O tipo de dados <string>(CSS data type) representa uma sequência de caracteres. Strings são usadas em várias propriedades CSS, como content, font-family, e quotes.

Sintaxe

O tipo de dados <string> é composto por qualquer número de caracteres Unicode entre aspas duplas (") ou simples (').

A maioria dos caracteres pode ser representada literalmente. Todos os caracteres também podem ser representados com seus respectivos Unicode code points em hexadecimal, caso em que são precedidos por uma barra invertida (\). Por exemplo, \ 22 representa aspas duplas, \ 27 aspas simples (') e \ A9 o símbolo de direitos autorais (©).

É importante ressaltar que certos caracteres que de outra forma seriam inválidos podem ser escapados com uma barra invertida. Isso inclui aspas duplas quando usado dentro de uma sequência de aspas duplas, aspas simples quando usado dentro de uma sequência de aspas simples e a própria barra invertida. Por exemplo, \\ criará uma única barra invertida.

Para gerar novas linhas, você deve evitá-las com um caractere de avanço de linha como \ A ou \ 00000A. No seu código, no entanto, as strings podem abranger várias linhas; nesse caso, cada nova linha deve ser escapada com a \ como o último caractere da linha.

No entanto, para obter novas linhas, você também deve definir o

white-space propriedade ao valor apropriado.

Nota: HTML entities (such as &nbsp; ou &#8212;) não pode ser usado em um CSS <string>.

Exemplos

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

Especificações

Especificação Status Comentário
CSS Values and Units Module Level 3
The definition of '<string>' in that specification.
Candidate Recommendation Nenhuma alteração significativa do CSS Nível 2 (Revisão 1).
CSS Level 2 (Revision 1)
The definition of '<string>' in that specification.
Recommendation Definição explícita; permite caracteres de escape Unicode de 6 dígitos.
CSS Level 1
The definition of '<string>' in that specification.
Recommendation Definição implícita; permite caracteres de escape Unicode de quatro dígitos.

21/5000

Compatibilidade do navegador

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
<string>Chrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 3Opera Full support 3.5Safari Full support 1WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 1Samsung Internet Android Full support 1.0
Unicode escaped characters (\xx)Chrome Full support 1Edge Full support 12Firefox Full support 1IE Full support 6Opera Full support 7Safari Full support 1WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 1Samsung Internet Android Full support 1.0

Legend

Full support  
Full support

Veja também