English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Attribut content CSS et ::before et ::afterÉlément pseudoUtilisé conjointement pour générer le contenu des éléments.
Le tableau suivant décrit l'utilisation et l'historique des versions de cet attribut, ainsi que la syntaxe de son utilisation dans les scripts JavaScript.
| Valeur par défaut : | normal |
|---|---|
| Appliqué à : | ::before et ::after Élément pseudo |
| Héritage : | Aucun |
| Animable : | Non.Voir également Attributs d'animation。 |
| Version : | CSS 2、3 |
| Syntaxe JavaScript : | object.style.content="counter" |
La syntaxe de cet attribut est la suivante :
content: normal | none | counter | string | url(url) | attr(attribute) | open-quote | close-quote | no-open-quote | no-close-quote | initial | inherit
L'exemple suivant montre comment utiliser la propriété content.
h1::before {
content: "Chapter: ";
display: inline;
}Testez pour voir‹/›Note :display L'attribut CSS contrôle où le contenu généré par l'attribut content est placé, dans un conteneur en bloc ou un conteneur en ligne.
Le tableau suivant décrit les valeurs de cet attribut.
| Valeur | Description |
|---|---|
| normal | pour :before et :after Élément pseudo,Il ne calcule aucune valeur. C'est la valeur par défaut. |
| none | ci-dessusÉlément pseudoNe produit pas. |
| counter | Cette valeur configure content pour le compteur. Pour plus d'informations, voircounter-resetetcounter-incrementAttribut. |
| 串 | Insérer la chaîne spécifiée (contenu texte). |
| url(url) | La valeur url() spécifie une ressource externe (par exemple, une image). Si la ressource ou l'image ne peut pas être affichée, elle est ignorée ou affichée avec un texte de remplacement. |
| attr(attribute) | Cette fonction insère la valeur de l'attribut spécifié avant ou après l'élément sélectionné. Si l'élément sélectionné n'a pas l'attribut spécifié, une chaîne vide est insérée. Note : Le nom de l'attribut ne doit pas être entouré de guillemets. |
| open-quote | Insérer le guillemet gauche. Ces valeurs seront remplacées par les chaînes appropriées de l'attribut quotes. |
| close-quote | Insérer le guillemet droit. Ces valeurs seront remplacées par les chaînes appropriées de l'attribut quotes. |
| no-open-quote | Ne pas afficher le guillemet d'ouverture, mais augmenter (diminuer) le niveau d'encapsulation des guillemets. |
| no-close-quote | Ne pas afficher la guillemet droite, mais augmenter (diminuer) le niveau d'encapsulation des guillemets. |
| initial | Définir cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément associé utilise la valeur de l'attribut content de son élément parent. |
Compatibilité du navigateur pour la propriété content, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Attention : Internet Explorer 7et les versions antérieures ne prennent pas en charge cette propriété content. IE8Il n'est pas pris en charge dansIl est pris en charge uniquement lorsque des valeurs valides sont spécifiées.
Veuillez consulter les tutoriels suivants :Éléments pseudo-CSS。
Propriétés associées :counter-reset，counter-increment。