HTML DOM content-Attribute
Definition und Verwendung
Der content-Attribute legt fest, wo der Text oder das Bild (fliegend) in einem anderen Element angezeigt wird.
Syntax:
Object.style.content=value
Mögliche Werte
| Wert | Beschreibung |
|---|---|
| string | Definiert den Textinhalt. |
| url | Definiert die URL. |
|
|
| attr(X) | Definiert die Attribute der Selector, die vor oder nach dem angegebenen Selector angezeigt werden. |
| open-quote | |
| close-quote | |
| no-open-quote | |
| no-close-quote |
Hinweise und Anmerkungen
Anmerkung:Wenn der Platz für fliegende Elemente in einer Zeile zu gering ist, springt dieses Element in die nächste Zeile, und dieser Prozess setzt sich fort, bis eine Zeile mit ausreichend Platz vorhanden ist.
Anmerkung:Der Inhalt, der Hintergrund und die Umrandung der Inline-Elemente sollten vor den fliegenden Elementen auftauchen. Der Hintergrund und die Umrandung der Block-Elemente sollten nach den fliegenden Elementen auftauchen, aber der Inhalt der Block-Elemente sollte vor den fliegenden Elementen sein.
Beispiel
In diesem Beispiel wird das Bild links浮动 gesetzt:
<html>
<head>
<script type="text/javascript">
function setFloatLeft()
{
document.getElementById("img1").style.cssFloat="left";
}
</script>
</head>
<body>
<img id="img1" src="logocss.gif" width="95" height="84" />
<p>Dies ist ein bisschen Text. Dies ist ein bisschen Text. Dies ist ein bisschen Text.
Dies ist ein bisschen Text. Dies ist ein bisschen Text. Dies ist ein bisschen Text.
Dies ist ein bisschen Text. Dies ist ein bisschen Text. Dies ist ein bisschen Text.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Bild links浮动 setzen" />
</form>
</body>
</html>
