English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
content CSS属性与::before和::afterElemento pseudo组合使用，来生成元素中的内容。
下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。
| 默认值： | normal |
|---|---|
| 适用于： | ::before和::after Elemento pseudo |
| 继承： | 没有 |
| 可动画制作： | 否。请参见 动画属性. |
| 版本： | CSS 2、3 |
| JavaScript 语法： | object.style.content="counter" |
该属性的语法如下：
content: normal | none | counter | string | url(url) | attr(attribute) | open-quote | close-quote | no-open-quote | no-close-quote | initial | inherit
El siguiente ejemplo muestra cómo se utiliza la propiedad content.
h1::before {
content: "Chapter: ";
display: inline;
}Prueba para ver‹/›Nota:display El atributo CSS controla si el contenido generado por el atributo content se coloca en un cuadro de bloque o en un cuadro en línea.
La tabla a continuación describe los valores de este atributo.
| Valor | Descripción |
|---|---|
| normal | para:before y:after Elemento pseudo,No calcula ningún valor. Este es el valor predeterminado. |
| none | dichoElemento pseudoNo produce. |
| counter | Este valor establecerá content como contador. Para obtener más información, consultecounter-resetycounter-incrementAtributo. |
| 串 | Insertar la cadena especificada (contenido de texto). |
| url(url) | El valor url() especifica recursos externos (por ejemplo, imágenes). Si el recurso o la imagen no se puede mostrar, se ignora o se muestra algún marcador de posición. |
| attr(attribute) | Esta función inserta el valor especificado del atributo antes o después del elemento seleccionado. Si el tema del selector no tiene el atributo especificado, se insertará una cadena vacía. Nota: El nombre del atributo no debe estar entre comillas. |
| open-quote | Insertar comilla izquierda. Estos valores se reemplazarán por la cadena adecuada en la propiedad quotes. |
| close-quote | Insertar comilla derecha. Estos valores se reemplazarán por la cadena adecuada en la propiedad quotes. |
| no-open-quote | No muestra la comilla inicial, sino que aumenta (disminuye) el nivel de anidación de las comillas. |
| no-close-quote | No muestra la comilla derecha, sino que aumenta (disminuye) el nivel de anidación de las comillas. |
| initial | Establezca este atributo en su valor predeterminado. |
| inherit | Si se especifica, el elemento asociado utiliza el valor del atributo content del elemento padre. |
Compatibilidad del navegador para la propiedad content, los números en la tabla a continuación representan la versión mínima del navegador que admite la propiedad; todos los navegadores principales admiten esta propiedad.
|
Advertencia: Internet Explorer 7y versiones anteriores no admiten la propiedad content. IE8Sólo enSe admite solo si se especifica un valor válido.
Consulte los siguientes tutoriales:Elementos pseudo-clásicos de CSS.
Atributos relacionados:counter-reset,counter-increment.