content

by 2 contributors:

« 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.

Etiquetas do documento e colaboradores

Contributors to this page: teoli, Half-blood
Última atualização por: teoli,