HTML DOM content egenskap
Definition och användning
content-egenskapen ställer in var text eller bild ska visas (flytande) i förhållande till en annan element.
Syntax:
Object.style.content=value
Möjliga värden
| Värde | Beskrivning |
|---|---|
| string | Definiera textinnehåll. |
| url | Definiera URL. |
|
|
| attr(X) | Definiera egenskaper för den valda selektorn innan eller efter. |
| open-quote | |
| close-quote | |
| no-open-quote | |
| no-close-quote |
Tips och kommentarer
Kommentarer:Om det inte finns tillräckligt med utrymme på en rad för ett flytande element, kommer elementet att flyttas till nästa rad, och detta kommer att fortsätta tills det finns tillräckligt utrymme på en rad.
Kommentarer:Innehållet, bakgrund och kantlinjer för inline-element bör visas före flytande element. Bakgrund och kantlinjer för blockelement bör visas efter flytande element, men innehållet för blockelement bör visas före flytande element.
Exempel
Detta exempel sätter in bilden att flyta till vänster:
<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>Detta är någon text. Detta är någon text. Detta är någon text.
Detta är någon text. Detta är någon text. Detta är någon text.
Detta är någon text. Detta är någon text. Detta är någon text.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Ställ in bilden att flyta till vänster" />
</form>
</body>
</html>
