content

« Referência CSS

Resumo

A propriedade content é usada com os pseudo-elementos :before e :after para gerar conteúdo com o elemento.

• Valor inicial: normal
• Aplica-se a: Pseudo-elementos :before e :after
• Herdado: não
• Mídia: todas
• Valor computado:
  • Em :before e :after, normal é computado como none
  • Para elementos sempre é computado como normal
  • Endereços são convertidos para absolutos
  • Quando for attr(), o valor será o mesmo do atributo escolhido
  • Para outras, fica como o especificado

Sintáxe

content: normal | none | 
       [ <string> | <uri> | <counter> | attr() | 
         open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit

Valores

none

O pseudo-elemento não é gerado.

normal

Computado como none para os pseudo-elementos :before e :after.

<string>

Conteúdo de texto.

<uri> url()

O valor especifica um recurso externo (como uma imagem). Se o recurso não puder ser exibido, ele é ignorado ou um marcador aparece em seu lugar.

<counter>

Contadores podem ser especificados como duas funções: 'counter()' ou 'counters()'. O primeiro tem duas formas: 'counter(<var>name</var>)' ou 'counter(<var>name</var>, <var>style</var>)'. O texto gerado é o valor do contador de intimidades de o nome dado no âmbito deste pseudo-elemento, que é formatado no estilo indicado ('decimal' por padrão).A segunda também tem duas formas: 'counters(<var>name</var>, <var>string</var>)' ou 'counters(<var>name</var>, <var>string</var>, <var>style</var>)'. O texto gerado é o valor de todos os contadores com o nome dado no âmbito deste pseudo-elemento, a partir ultraperiféricas intimidades separadas pela seqüência especificada. Os contadores são testados da maneira indicada ('decimal' por padrão). Veja a seção contadores automáticos e numeração para mais informação. O nome não pode ser 'none', 'inherit' ou 'initial'. Isso faz com que a função seja ignorada.

attr(X)

Retorna o valor da propriedade X do elemento. Se não existir a propriedade X, será retornado um texto vazio. A diferenciação entre maiúsculas e minúsculas depende do idioma do documento.

open-quote | close-quote

Esses valores são trocadas pelo texto apropriado da propriedade quotes.

no-open-quote | no-close-quote

Não introduz conteúdo, previne a inserção em um elemento de um open-quote ou close quote.