Definición de .content aplicado en CSS
La propiedad .content en CSS se usa junto con los pseudo-elementos :: antes y :: después. Se utiliza para insertar literalmente .content. Hay cuatro tipos de valor que puede tener.
Caso de empleo de la propiedad content
Esta propiedad de CSS habitualmente se emplea de la siguiente manera:
.name::before {
content: "Name: ";
}Sintaxis de .content en CSS
content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;Valores
| Valor | Descripción | Ejemplo |
|---|---|---|
| normal | Valor por defecto. Establece el contenido, si se especifica, en normal, cuyo valor predeterminado es "ninguno" (que es nada) | |
| ninguna | Establece el contenido, si se especifica, en nada | |
| encimera | Establece el contenido como un contador | |
| atributo (atributo) | Establece el contenido como uno de los atributos del selector. | |
| cuerda | Establece el contenido al texto que especifique | |
| comilla abierta | Establece el contenido para que sea una cita de apertura. | |
| cita de cierre | Establece el contenido para que sea una cita de cierre. | |
| no-open-quote | Elimina la cita de apertura del contenido, si se especifica | |
| cita sin cierre | Elimina la cita de cierre del contenido, si se especifica | |
| URL ( URL ) | Establece el contenido para que sea algún tipo de medio (una imagen, un sonido, un video, etc.) | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .content
Los números de la tabla detallan la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| counter-increment | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
