Thuộc tính content của HTML DOM

Định nghĩa và cách sử dụng

Thuộc tính content đặt văn bản hoặc hình ảnh xuất hiện (chìm) ở đâu trong một yếu tố khác.

Cú pháp：

Object.style.content=value

Các giá trị có thể

Giá trị Mô tả
string Định nghĩa nội dung văn bản.
url Định nghĩa URL.
  • counter(name)
  • counter(name, list-style-type)
  • counters(name, string)
  • counters(name, string, list-style-type)
 　
attr(X) Định nghĩa thuộc tính của chọn lựa trước hoặc sau chọn lựa hiện tại.
open-quote 　
close-quote 　
no-open-quote 　
no-close-quote 　

Thông báo và ghi chú

Ghi chú：Nếu không đủ không gian trong một dòng cho yếu tố chìm, yếu tố này sẽ nhảy sang dòng tiếp theo, quá trình này sẽ tiếp tục cho đến khi có đủ không gian trong một dòng.

Ghi chú：Nội dung, nền và viền của các yếu tố trong dòng nên xuất hiện trước yếu tố chìm. Nền và viền của các yếu tố khối nên xuất hiện sau yếu tố chìm, nhưng nội dung của các yếu tố khối nên xuất hiện trước yếu tố chìm.

Mẫu

Ví dụ này thiết lập hình ảnh trôi ở bên trái:

<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

Cài đặt hình ảnh trôi ở bên trái văn bản