HTML वर्ग विशेषता

उदाहरण

HTML दस्तावेज़ में वर्ग विशेषता का उपयोग:

<html>
<head>
<style>
h1.intro {
color: blue;
}

p.important {
color: green;
}
</style>
</head>
<body>

<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph. :)</p>

</body>
</html>

नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।

परिभाषा और उपयोग

विशेषता किसी तत्व के classलिए एक या अधिक वर्ग नाम निर्दिष्ट करती है।

विशेषता का classउपयोग ज्यादातर स्टाइल शीट में एक वर्ग को इंगित करने के लिए किया जाता है। हालांकि, एक निर्दिष्ट वर्ग के साथ HTML तत्वों में परिवर्तन करने के लिए इसका उपयोग जावास्क्रिप्ट (HTML DOM के माध्यम से) द्वारा भी किया जा सकता है।

ब्राउज़र समर्थन

Attribute
class	Yes	Yes	Yes	Yes	Yes

वाक्य - विन्यास

<element class="classname">

गुण मान

Value	Description
classname	Specifies one or more class names for an element. To specify multiple classes, separate the class names with a space, e.g. <span class="left important">. This allows you to combine several CSS classes for one HTML element. Naming rules: Must begin with a letter A-Z or a-z Can be followed by: letters (A-Za-z), digits (0-9), hyphens ("-"), and underscores ("_")

Value

Description

classname

Specifies one or more class names for an element. To specify multiple classes, separate the class names with a space, e.g. <span class="left important">. This allows you to combine several CSS classes for one HTML element.

Naming rules:

Must begin with a letter A-Z or a-z
Can be followed by: letters (A-Za-z), digits (0-9), hyphens ("-"), and underscores ("_")

और ज्यादा उदाहरण

उदाहरण

एक HTML तत्व में कई वर्ग जोड़ें:

<!DOCTYPE html>
<html>
<head>
<style>
h1.intro {
color: blue;
text-align: center;
}

.important {
background-color: yellow;
}
</style>
</head>
<body>

<h1 class="intro important">Header 1</h1>
<p>A paragraph.</p>

</body>
</html>

उदाहरण

कक्षा = "उदाहरण" (इंडेक्स 0) के साथ पहले तत्व में पीले रंग की पृष्ठभूमि का रंग जोड़ने के लिए जावास्क्रिप्ट का उपयोग करना।

var x = document.getElementsByClassName("example");
x[0].style.backgroundColor = "yellow";

उदाहरण

आईडी = "myDIV" वाले तत्व में "mystyle" वर्ग जोड़ने के लिए जावास्क्रिप्ट का उपयोग करना:

document.getElementById("myDIV").classList.add("mystyle");

एचटीएमएल संदर्भ

HTML Tags

HTML वर्ग विशेषता

उदाहरण

परिभाषा और उपयोग

ब्राउज़र समर्थन

वाक्य - विन्यास

गुण मान

और ज्यादा उदाहरण

उदाहरण

उदाहरण

उदाहरण

संबंधित पृष्ठ