English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
content CSS-Eigenschaft und ::before und ::afterPseudo-ElementKombiniert, um den Inhalt im Element zu generieren.
Die folgende Tabelle enthält die Verwendungshinweise und Versionshistorie dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.
| Standardwert: | normal |
|---|---|
| Anwendbar auf: | ::before und ::after Pseudo-Element |
| Vererbung: | Keine |
| Animierbar: | Nein.Siehe auch Animationsattribute。 |
| Version: | CSS 2、3 |
| JavaScript-Syntax: | object.style.content="counter" |
Die Syntax dieser Eigenschaft lautet wie folgt:
content: normal | none | counter | string | url(url) | attr(attribute) | open-quote | close-quote | no-open-quote | no-close-quote | initial | inherit
Der folgende Beispiel zeigt, wie das Attribut content verwendet wird.
h1::before {
content: "Chapter: ";
display: inline;
}Testen Sie, um zu sehen‹/›Hinweis:display Das CSS-Attribut kontrolliert, ob der Inhalt, der durch das Attribut content erzeugt wird, in einem Block- oder Inline-Container platziert wird.
Die folgende Tabelle beschreibt die Werte dieses Attributes.
| Wert | Beschreibung |
|---|---|
| normal | für :before und :after Pseudo-Element,Es berechnet keine Werte. Dies ist der Standardwert. |
| none | genanntPseudo-ElementErzeugt nichts. |
| counter | Dieser Wert setzt content auf den Zähler. Weitere Informationen finden Sie incounter-resetundcounter-incrementAttribut. |
| String | Fügt den angegebenen String (Textinhalt) ein. |
| url(url) | Der Wert url() spezifiziert externe Ressourcen (z.B. Bilder). Wenn die Ressource oder das Bild nicht angezeigt werden kann, wird es ignoriert oder ein Placeholder angezeigt. |
| attr(attribute) | Diese Funktion fügt den Wert des angegebenen Attributs vor oder nach dem ausgewählten Element ein. Wenn das Thema des Selectors kein angegebenes Attribut hat, wird ein leerer String eingefügt. Hinweis: Der Attributname sollte nicht in Anführungsstriche gesetzt werden. |
| open-quote | Fügt die linken Anführungsstriche ein. Diese Werte werden durch die im Attribut quotes angegebenen Strings ersetzt. |
| close-quote | Fügt die rechten Anführungsstriche ein. Diese Werte werden durch die im Attribut quotes angegebenen Strings ersetzt. |
| no-open-quote | Zeigt keine Anfangsanführungsstriche an, sondern erhöht (verringert) den Niveaus der eingerückten Anführungsstriche. |
| no-close-quote | Zeigt keine rechten Anführungsstriche an, sondern erhöht (verringert) den Niveaus der eingerückten Anführungsstriche. |
| initial | Setzen Sie diesen Attribut auf seinen Standardwert. |
| inherit | Wenn angegeben, wird der verknüpfte Element der Wert des Attributs content des übergeordneten Elements verwendet. |
Kompatibilität der content-Attribut-Browser, die in der folgenden Tabelle aufgeführten Zahlen stellen die niedrigste Versionsnummer dar, die das Attribut unterstützt; alle gängigen Browser unterstützen dieses Attribut.
|
Warnung: Internet Explorer 7und frühere Versionen unterstützen diesen content-Attribut nicht. IE8Nur inWird nur unterstützt, wenn ein gültiger Wert angegeben wird.
Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Pseudo-Elemente。
Verwandte Eigenschaften:counter-reset，counter-increment。