Propriedade quotes

A propriedade quotes define um tipo específico de aspas para um fragmento de texto. As aspas são adicionadas automaticamente ao texto dentro da tag <q>.

Sintaxe

cssseletor {
  quotes: tipo de aspas de abertura, tipo de aspas de fechamento ou none ou inherit;
}

Valores

Valor	Descrição
`"`	Aspas duplas, geralmente aplicada em fontes monoespaçadas, para denotar o símbolo de polegada, bem como segundos de arco.
`'`	Aspas simples. Símbolo de minutos de arco, no latim é usado para denotar um sinal suave.
`«`	Aspas angulares duplas de abertura.
`»`	Aspas angulares duplas de fechamento.
`‘`	Aspas simples de abertura.
`’`	Aspas simples de fechamento.
`“`	Aspas duplas de abertura em textos em inglês ou aspas de fechamento para o idioma russo.
`”`	Aspas duplas de fechamento em textos em inglês.
`„`	Aspas duplas de abertura. Usado no idioma russo.
`none`	Nenhuma aspas é adicionada.
`inherit`	Herda o valor do elemento pai.

Exemplo

Vamos definir aspas angulares duplas e a cor azul para a fonte da nossa citação:

html<body>
  <p>This is a <q>quoted text</q>.</p>
</body>

cssp {
  font-size: 1.5em;
}
q {
  font-style: italic;
  color: #467CBC;
  quotes: '«' '»';
}

Результат: