คุณสมบัติ content ของ HTML DOM

กำหนดและวิธีใช้

ความหมายและวิธีใช้ของคุณสมบัติ content ที่กำหนดที่จะปรากฏข้อความหรือภาพที่ฝั่งลากในองค์ประกอบอื่น

การใช้งาน

Object.style.content=value

ค่าที่เป็นไปได้

ค่า การอธิบาย
string กำหนดเนื้อหาข้อความ
url กำหนด URL
  • counter(name)
  • counter(name, list-style-type)
  • counters(name, string)
  • counters(name, string, list-style-type)
 　
attr(X) กำหนดคุณสมบัติของโซ่ใดก่อนหน้าหรือหลังโซ่
open-quote 　
close-quote 　
no-open-quote 　
no-close-quote 　

คำแนะนำ และหมายเหตุ

หมายเหตุ：ถ้ามีอายุในแถวที่มีเพียงไม่พอสำหรับองค์ประกอบฝั่งลาก องค์ประกอบนั้นจะกระทบไปยังแถวต่อไป กระบวนการนี้จะดำเนินต่อไปจนมีพื้นที่พอที่จะติดตั้งองค์ประกอบได้

หมายเหตุ：เนื้อหา ส่วนที่ฝั่งลาก และขอบขององค์ประกอบเฉพาะต่าง ๆ ควรปรากฏก่อนองค์ประกอบฝั่งลาก。ขอบขององค์ประกอบเดี่ยว ควรปรากฏหลังองค์ประกอบฝั่งลาก แต่เนื้อหาขององค์ประกอบเดี่ยวควรปรากฏก่อนองค์ประกอบฝั่งลาก。

ตัวอย่าง

ตัวอย่างนี้ตั้งตำแหน่งภาพเป็นการเลื่อนข้างซ้าย:

<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>

TIY

ตั้งตำแหน่งภาพเป็นการเลื่อนข้างขวางของข้อความ