Propriedade Quotes
Última atualização: 2026-09-13
quotes Propriedade Quotes
A propriedade quotes personaliza as aspas usadas pelos elementos q e pelas palavras-chave open-quote/close-quote do content. Por padrão, o navegador as escolhe com base no idioma. Ela suporta vários pares de aspas, então citações aninhadas trocam de estilo automaticamente — uma ferramenta importante para tipografia internacional.
| Categoria | |
|---|---|
| Valor Inicial | depends on user agent |
| Herdado | Sim |
| Aplica-se A | |
| Tipo de Animação | |
| Versão CSS | CSS2 |
| Status | Padrão |
📝 Sintaxe
quotes: none | auto | <string> <string>+;⚙️ Valores
| Valor | Tipo | Descrição |
|---|---|---|
none | auto | Palavra-chave | Nenhuma ou automática |
<string> <string>+ | Valor | Pares de aspas personalizados |
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo no playground:
🌐 Suporte dos Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| quotes | ✓ v10 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os principais navegadores | |||||
Dica： O chinês costuma usar “” e ‘’, enquanto o inglês usa " " e ' '. Defina os pares de acordo com o idioma do seu site.
Dica： quotes é uma propriedade herdada; defini-la em um pai faz todos os descendentes usarem o mesmo estilo de aspas.
❓ Perguntas Frequentes
QQual é a diferença entre quotes e inserir aspas diretamente com content?
Aquotes define os caracteres de aspas, e usada com content: open-quote/close-quote troca automaticamente para o par correspondente em cada nível de aninhamento (primeiro nível “”, segundo nível ‘’, e assim por diante). Inserir uma string fixa diretamente com content não percebe o nível de aninhamento, então citações aninhadas mostram todas o mesmo par. Para aspas aninhadas multinível, use quotes com open-quote.
QComo desativo as aspas automáticas?
ADefina quotes: none, e os elementos q ou content: open-quote deixam de gerar marcas. quotes afeta apenas as palavras-chave open-quote/close-quote, não strings escritas diretamente no content. Para personalizar totalmente, contorne o mecanismo por completo com content: "「".
QComo defino aspas chinesas para elementos q?
AA convenção chinesa usa “” para o nível externo e ‘’ para o interno: quotes: "“" "”" "‘" "’";. O primeiro par são as marcas externas de abertura/fechamento e o segundo par é para citações aninhadas, com suporte a até quatro níveis. Depois de definido, os elementos q trocam automaticamente pela profundidade de aninhamento. Lembre-se de separar cada par de aspas com um espaço e envolver cada caractere em suas próprias aspas.
Qquotes é herdada?
ASim. quotes é uma propriedade herdada, então defini-la uma vez na raiz do documento ou no contêiner de citação aplica os mesmos pares a todos os descendentes, incluindo elementos q. O valor padrão auto deixa o navegador escolher com base no atributo lang do elemento e na localidade — por exemplo, páginas chinesas recebem “” automaticamente e páginas inglesas recebem "".
🏷️ Propriedades Relacionadas
💡 Casos relacionados
📚 Tutoriais Relacionados
Propriedade content
Exibe aspas com open-quote/close-quote
Elemento q
O elemento de citação inline do HTML
