font-style CSS प्रॉपर्टी के साथ हम अपने फ़ॉन्ट को विशेषताओं के एक सेट के साथ स्टाइल कर सकते हैं ताकि हमारे टेक्स्ट पर जोर दिया जा सके।
font-style सिंटैक्स और विकल्प
font-style का उपयोग करते समय हमारे पास निम्नलिखित विकल्प हैं। ध्यान दें, उन सभी को कीवर्ड के रूप में निर्दिष्ट किया गया है।
font-style: normal; font-style: italic; font-style: oblique 30deg; font-style: oblique;
font-style कुछ सामान्य ग्लोबल स्टाइल कीवर्ड्स को भी सपोर्ट करता है।
/* पैरेंट एलिमेंट से इनहेरिट करें */ font-style: inherit; /* ब्राउज़र का डिफ़ॉल्ट */ font-style: initial; /* पैरेंट वैल्यू हो तो इनहेरिट, नहीं तो initial */ font-style: unset;
- normal: आपके निर्दिष्ट
font-familyके भीतर सामान्य फ़ॉन्ट से संबंधित है। - italic: इटैलिक फ़ॉन्ट फेस का चयन करता है (यदि फ़ॉन्ट परिवार में उपलब्ध हो)।
- oblique: ऑब्लिक फ़ॉन्ट फेस का चयन करता है (कृत्रिम रूप से झुका हुआ)। वैकल्पिक रूप से कोण निर्दिष्ट करें (-90deg से 90deg)। यदि कोई कोण निर्दिष्ट नहीं है, तो यह 14deg पर डिफ़ॉल्ट होता है।
नोट: oblique और italic परस्पर विनिमेय हो सकते हैं। यह ब्राउज़र सपोर्ट के कारण है और यदि आप एक विशेष फ़ॉन्ट का उपयोग कर रहे हैं और यदि ब्राउज़र ऑब्लिक को ढूंढता या सपोर्ट नहीं करता है तो इटैलिक का उपयोग करेगा और इसके विपरीत। oblique का उपयोग करने से पहले, जांच लें कि oblique कीवर्ड आपके ब्राउज़र पर पूरी तरह से सपोर्टेड है या नहीं।
font-style का मुख्य उपयोग
अधिकांश मामलों में normal कीवर्ड का उपयोग अनावश्यक है। इसलिए font-style प्रॉपर्टी का मुख्य उपयोग फ़ॉन्ट को इटैलिक बनाकर जोर जोड़ना है।
उदाहरण: शीर्षक पर जोर
h1.title {
font-family: 'Tangerine';
font-style: normal; /* टैंगेराइन फ़ॉन्ट का नॉर्मल स्टाइल कर्सिव है */
}
उदाहरण: पैराग्राफ को इटैलिक बनाना
p.par {
font-family: 'Indie Flower';
font-style: italic; /* इंडी फ्लावर में केवल रेगुलर स्टाइल है, ब्राउज़र स्वयं स्लोपिंग इफेक्ट करता है */
}
निष्कर्ष
font-style प्रॉपर्टी का उपयोग font-family के साथ गहराई से जुड़ा हुआ है। 또한, जब तक oblique कीवर्ड के लिए बेहतर ब्राउज़र सपोर्ट नहीं होता, इस प्रॉपर्टी का मुख्य उपयोग फ़ॉन्ट को इटैलिक बनाकर उन पर जोर जोड़ना होगा।
