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

छवि को पाठ के बाईं ओर फ्लोट करने के लिए सेट करें