HTML DOM content-eigenschap
Definitie en gebruik
De content-eigenschap stelt in waar de tekst of afbeelding (floatend) in een ander element verschijnt.
Syntaxis:
Object.style.content=value
Mogelijke waarden
| Waarde | Beschrijving |
|---|---|
| string | Definieer de tekstinhoud. |
| url | Definieer de url. |
|
|
| attr(X) | Definieer de eigenschappen van de selector die voor of na de huidige selector wordt weergegeven. |
| open-quote | |
| close-quote | |
| no-open-quote | |
| no-close-quote |
Tips en aantekeningen
Aantekening:Als er te weinig ruimte is voor float-elementen in een regel, springt dit element naar de volgende regel, en dit proces gaat door tot er een regel met voldoende ruimte is.
Aantekening:De inhoud, achtergrond en rand van inline-elementen moeten voor de float-elementen verschijnen. De achtergrond en rand van blokselementen moeten na de float-elementen verschijnen, maar de inhoud van blokselementen moet voor de float-elementen verschijnen.
Example
This example sets the image to float on the left:
<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>This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Set image to float left" />
</form>
</body>
</html>
