HTML DOM content ominaisuus

Määrittely ja käyttö

Content-ominaisuus asettaa tekstin tai kuvan (liukuvan) sijainnin toisen elementin sisällä.

Syntaksi：

Object.style.content=value

Mahdolliset arvot

Arvo Kuvaus
merkkijono Määritellään tekstitiedot.
url Määritellään URL.
  • counter(nimi)
  • counter(nimi, luettelo-tyyppi)
  • counters(nimi, merkkijono)
  • counters(nimi, merkkijono, luettelo-tyyppi)
 　
attr(X) Määritellään ominaisuudet, jotka näkyvät valitsimen ennen tai jälkeen.
open-quote 　
close-quote 　
no-open-quote 　
no-close-quote 　

Vinkit ja huomiot

Huomautus：Jos yhdessä rivissä on liian vähän tilaa liukuville elementeille, tällainen elementti hyppää seuraavalle riville, ja tämä prosessi jatkuu, kunnes on tarpeeksi tilaa yhdessä rivissä.

Huomautus：Sisäpiirin elementtien sisältö, tausta ja reunaviivat tulisi näkyä liukuvien elementtien ennen. Blokkielementtien tausta ja reunaviivat tulisi näkyä liukuvien elementtien jälkeen, mutta blokkielementtien sisältö tulisi näkyä liukuvien elementtien ennen.

Esimerkki

Tämä esimerkki asettaa kuvan liikkumaan vasemmalle:

<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>Tämä on jokin teksti. Tämä on jokin teksti. Tämä on jokin teksti.
Tämä on jokin teksti. Tämä on jokin teksti. Tämä on jokin teksti.
Tämä on jokin teksti. Tämä on jokin teksti. Tämä on jokin teksti.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Aseta kuva liikkumaan vasemmalle" />
</form>
</body>
</html>

TIY

Aseta kuva liikkumaan tekstin vasemmalle