content

<< Volver

Resumen

La propiedad content se usa junto con los pseudo-elementos :before y :after para generar contenido que se adjunta antes o después de un selector CSS.

Características

En CSS3

• Value: [ <uri> ',' ]</uri>* [ normal | none | inhibit | <content-list> ]</content-list>
• Valor inicial: normal
• Se aplica a: todos los elementos y a ::before, ::after, ::alternate, ::marker, ::line-marker, áreas de margin y @footnote.
• valor heredado: no
• Porcentajes: N/A
• Medio: todos
• Valor calculada: The specified value with each occurrence of 'normal' expanded as per the prose below.

Ejemplos

p:before
{
content: url("beep.wav")
}

img:before
{
content: attr(alt)
}

Valores

• string: Define el contenido de texto. El valor por defecto es "".
• url: Define una dirección URL
• counter (name)
• counter (name, list-style-type)
• counters (name, string)
• counters (name, string, list-style-type)
• attr(X): Define un atributo de un selector que será mostrado antes/después del selector.
• open-quote
• close-quote
• no-open-quote
• no-close-quote

Ver también

(CSS2 en) (CSS2 1 en) (CSS3 en)