एचटीएमएल <शैली> टैग
उदाहरण
HTML दस्तावेज़ में एक साधारण स्टाइल शीट लागू करने के लिए <style> तत्व का उपयोग:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
<style>
किसी दस्तावेज़ के लिए शैली की जानकारी (CSS) को परिभाषित करने के लिए टैग का उपयोग किया जाता है ।
तत्व के अंदर <style>
आप निर्दिष्ट करते हैं कि ब्राउज़र में HTML तत्वों को कैसे प्रस्तुत करना चाहिए।
टिप्स और नोट्स
नोट: जब कोई ब्राउज़र किसी स्टाइल शीट को पढ़ता है, तो वह स्टाइल शीट में दी गई जानकारी के अनुसार HTML दस्तावेज़ को प्रारूपित करेगा। यदि अलग-अलग स्टाइल शीट में एक ही चयनकर्ता (तत्व) के लिए कुछ गुणों को परिभाषित किया गया है, तो अंतिम रीड स्टाइल शीट के मूल्य का उपयोग किया जाएगा (नीचे उदाहरण देखें)!
युक्ति: बाहरी स्टाइल शीट से लिंक करने के लिए, <लिंक> टैग का उपयोग करें।
युक्ति: स्टाइल शीट के बारे में अधिक जानने के लिए, कृपया हमारा सीएसएस ट्यूटोरियल पढ़ें ।
ब्राउज़र समर्थन
Element | |||||
---|---|---|---|---|---|
<style> | Yes | Yes | Yes | Yes | Yes |
गुण
Attribute | Value | Description |
---|---|---|
media | media_query | Specifies what media/device the media resource is optimized for |
type | text/css | Specifies the media type of the <style> tag |
वैश्विक गुण
<style>
टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<style>
टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
समान तत्वों के लिए एकाधिक शैलियाँ:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
<style>
h1 {color:green;}
p {color:pink;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This
is a paragraph.</p>
</body>
</html>
संबंधित पृष्ठ
एचटीएमएल ट्यूटोरियल: एचटीएमएल सीएसएस
सीएसएस ट्यूटोरियल: सीएसएस ट्यूटोरियल
HTML DOM संदर्भ: स्टाइल ऑब्जेक्ट
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र <style>
निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
style {
display: none;
}