HTML DOM content অ্যাট্রিবিউট

পরিভাষা এবং ব্যবহার

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

ছবিটিকে লেখার বাম দিকে ফ্লোট করার সেটিং