Atribut content HTML DOM

Definisi dan Penggunaan

Atribut content menetapkan tempat teks atau gambar muncul (mengambang) di dalam elemen lain.

Syarat:

Object.style.content=value

Nilai yang mungkin

Nilai Deskripsi
string Definisi konten teks.
url Definisi URL.
  • counter(name)
  • counter(name, list-style-type)
  • counters(name, string)
  • counters(name, string, list-style-type)
 　
attr(X) Definisi atribut pilihan yang ada sebelum atau setelah pemilihan yang ditentukan.
open-quote 　
close-quote 　
no-open-quote 　
no-close-quote 　

Petunjuk dan Keterangan

Keterangan:Jika terlalu sedikit ruang untuk elemen yang mengambang di baris satu, elemen itu akan melompat ke baris berikutnya, proses ini akan terus berlanjut sampai ada baris yang mempunyai ruang yang cukup.

Keterangan:Konten, latar belakang, dan garis bingkai elemen dalam teks harus muncul sebelum elemen yang mengambang. Latar belakang dan garis bingkai elemen blok harus muncul setelah elemen yang mengambang, tetapi konten elemen blok harus muncul sebelum elemen yang mengambang.

Contoh

Contoh ini mengatur gambar bergerak ke kiri:

<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>Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.
Ini adalah beberapa teks. Ini adalah beberapa teks. Ini adalah beberapa teks.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Atur gambar bergerak ke kiri" />
</form>
</body>
</html>

TIY

Atur gambar bergerak ke kiri teks