ویژگی 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>این یک متن است. این یک متن است. این یک متن است.
این یک متن است. این یک متن است. این یک متن است.
این یک متن است. این یک متن است. این یک متن است.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Set image to float left" />
</form>
</body>
</html>

TIY

تنظیم تصویر به حالت شناور در سمت چپ متن