in

Propiedad de contenido CSS

Ejemplo

El siguiente ejemplo inserta el valor del atributo href entre paréntesis después de cada elemento :

a :: after {
contenido: «(» attr (href) «)»;
}

Inténtalo tú mismo »

Más ejemplos de «Pruébelo usted mismo» a continuación.


Definición y uso

los content La propiedad se usa con los pseudoelementos :: before y :: after, para insertar contenido generado.

Valor por defecto: normal
Heredado: no
Animable: no. Leer acerca de animable
Versión: CSS2
Sintaxis de JavaScript: No puedes darle a un elemento una pseudoclase usando JavaScript,
pero hay otras formas de obtener el mismo resultado: Pruébelo

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
contenido 1.0 8.0 1.0 1.0 4.0


Sintaxis CSS

contenido: normal | ninguno | contador | attr |cuerda| cotización-abierta | cotización-cerrada | cotización-sin-apertura | cotización-sin-cierre |url| inicial | heredar;

Valores de propiedad

Valor Descripción Ejemplo
normal Valor por defecto. Establece el contenido, si se especifica, en normal, cuyo valor predeterminado es «ninguno» (que no es nada) Intentalo «
ninguno Establece el contenido, si se especifica, en nada Intentalo «
encimera Establece el contenido como un contador Intentalo «
attr(atributo) Establece el contenido como uno de los atributos del selector. Intentalo «
cuerda Establece el contenido en el texto que especifique Intentalo «
cotización abierta Establece el contenido para que sea una cita de apertura. Intentalo «
cerrar-cotización Establece el contenido como una cita de cierre. Intentalo «
no-cotización-abierta Elimina la cita de apertura del contenido, si se especifica Intentalo «
sin-cotización-cerrada Elimina la cita de cierre del contenido, si se especifica Intentalo «
urlurl) Establece que el contenido sea algún tipo de medio (una imagen, un sonido, un video, etc.) Intentalo «
inicial Establece esta propiedad en su valor predeterminado. Leer acerca de inicial
heredar Hereda esta propiedad de su elemento padre. Leer acerca de heredar Intentalo «

Más ejemplos

Ejemplo

Cómo agregar colores de viñetas para

    o
    eliminando sus viñetas predeterminadas y agregando una entidad HTML que parece viñetas (& bull;):

    ul {
    estilo de lista: ninguno; / * Eliminar viñetas HTML * /
    acolchado: 0;
    margen: 0;
    }

    li {
    padding-left: 16px;
    }

    li :: before {
    contenido: «•»; / * Insertar contenido que parezca viñetas * /
    padding-right: 8px;
    color azul; / * O un color que prefieras * /
    }

    Inténtalo tú mismo »


páginas relacionadas

Referencia CSS: :: antes del pseudo elemento

Referencia CSS: :: después del pseudo elemento

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso del modo sin cabeza en la plataforma Java SE

latex matrix

Matriz de látex – Javatpoint