स्टाइल फ़ॉन्ट विशेषता
- पिछला पृष्ठ flexWrap
- अगला पृष्ठ fontFamily
- वापसी एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
परिभाषा और उपयोग
फ़ॉन्ट
विशेषता को लघुरूप में सेट करने या वापस करने के लिए बड़ी संख्या में अलग-अलग फ़ॉन्ट विशेषताओं को सेट कर सकती है।
इस विशेषता के माध्यम से, आप निम्नलिखित सामग्री को सेट कर सकते हैं/वापस कर सकते हैं (इस क्रम में):
font-size और font-family आवश्यक है।अगर अन्य एक मान लापत हो, तो (यदि मूलभूत मान हो) डिफ़ॉल्ट मान जोड़ा जाएगा।
ऊपर के गुण को अलग स्टाइल गुण के द्वारा भी सेट किया जा सकता है।उच्चस्तरीय लेखकों के लिए अलग गुण का इस्तेमाल करने की अनुरोध की जाती है, ताकि बेहतर नियंत्रण प्राप्त किया जा सके।
और देखें:
CSS शिक्षा:CSS फ़ॉन्ट
CSS संदर्भ पुस्तक:font गुण
उदाहरण
उदाहरण 1
<p> एलेमेंट की फ़ॉन्ट सेट करें:
document.getElementById("myP").style.font = "italic bold 20px arial,serif";
उदाहरण 2
<p> एलेमेंट की फ़ॉन्ट प्रतिफलित करें:
alert(document.getElementById("myP").style.font);
व्याकरण
font गुण प्रतिफलित करें:
object.style.font
font गुण सेट करें:
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu| message-box|small-caption|status-bar|initial|inherit;"
गुण मान
मान | वर्णन |
---|---|
style | फ़ॉन्ट स्टाइल सेट करें |
variant | टेक्स्ट को छोटे मेगा लिप्यांकन में सेट करें |
weight | फ़ॉन्ट की मोटाई सेट करें |
size | फ़ॉन्ट आकार सेट करें |
lineHeight | लाइन हाइट सेट करें |
family | फ़ॉन्ट सेट करें |
caption | शीर्षक नियंत्रक (जैसे बटन, ड्रॉप डाउन मेनू आदि) के लिए इस्तेमाल की जाने वाली फ़ॉन्ट |
icon | आयकॉन को चिह्नित करने के लिए इस्तेमाल की जाने वाली फ़ॉन्ट |
menu | मेनू में इस्तेमाल की जाने वाली फ़ॉन्ट |
message-box | डायलॉग बॉक्स में इस्तेमाल की जाने वाली फ़ॉन्ट |
small-caption | सूक्ष्म नियंत्रक में इस्तेमाल की जाने वाली फ़ॉन्ट |
status-bar | विंडो स्टेटस बार में इस्तेमाल की जाने वाली फ़ॉन्ट |
initial | इस गुण को उसके मूलभूत मान पर सेट करें।देखें initial. |
inherit | इस गुण को उसके माता एलेमेंट से अनुवर्तित करें।देखें inherit. |
तकनीकी विवरण
मूलभूत मान: | निर्दिष्ट नहीं |
---|---|
प्रतिफलन: | इंटरनेट में टेक्स्ट शैली के लिए CSS का उपयोग करें |
CSS संस्करण: | CSS1 |
ब्राउज़र समर्थन
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
समर्थित | समर्थित | समर्थित | समर्थित | समर्थित |
- पिछला पृष्ठ flexWrap
- अगला पृष्ठ fontFamily
- वापसी एचटीएमएल डॉम स्टाइल ऑब्जैक्ट