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 comonone
- 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
- Em
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
ouclose quote
.
Etiquetas do documento e colaboradores
Colaboradores para esta página:
teoli,
Half-blood
Última atualização por:
teoli,