Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS font-style प्रॉपर्टी का उपयोग कैसे करें

CSS font-style प्रॉपर्टी आपको अपने टेक्स्ट के लिए तीन अलग-अलग फ़ॉन्ट प्रकार (स्टाइल्स) लागू करने की अनुमति देती है: नॉर्मल, इटैलिक, और ओब्लिक:

.normal{ font-style: normal; } .italic { font-style: italic; } .oblique { font-style: oblique; }
  • normal: सामान्य टेक्स्ट के लिए उपयोग किया जाने वाला डिफ़ॉल्ट रोमन/रेगुलर फ़ॉन्ट स्टाइल है।
  • italic: दाएं ओर थोड़ा झुका हुआ फ़ॉन्ट है, जोर देने के लिए उपयोग किया जाता है।
  • oblique: दाएं ओर थोड़ा झुका हुआ फ़ॉन्ट है, जोर देने के लिए उपयोग किया जाता है।

इटैलिक और ओब्लिक दोनों जोर देने के लिए उपयोग किए जाते हैं, लेकिन उन्हें क्या अलग बनाता है?

  • एक इटैलिक फ़ॉन्ट अपने स्वयं के विशिष्ट रूप से डिज़ाइन किए गए ग्लिफ़्स के साथ अपना स्वयं का फ़ॉन्ट है।
  • एक ओब्लिक फ़ॉन्ट केवल रोमन/रेगुलर फ़ॉन्ट का झुका हुआ संस्करण है।

आपको किस फ़ॉन्ट स्टाइल का उपयोग कब करना चाहिए?

मैं कभी ओब्लिक का उपयोग नहीं करता। मेरे लिए, ओब्लिक फ़ॉन्ट स्टाइल्स फॉक्स इटैलिक की उसी श्रेणी में हैं — हालांकि उन्हें आधिकारिक तौर पर फॉक्स इटैलिक्स नहीं कहा जाता।

नीचे फ़ॉन्ट स्टाइल तुलना देखें, सभी Droid Serif टाइपफेस से:

CSS font-style प्रॉपर्टी का उपयोग कैसे करें

समस्या दिख रही है? अगर नहीं दिखती तो ठीक है, बहुत से लोग नोटिस नहीं करेंगे — लेकिन कई लोग नोटिस करेंगे, जो इसे महत्वपूर्ण बनाता है।

  • इटैलिक फ़ॉन्ट स्टाइल एक असली फ़ॉन्ट है, जो रोमन/नॉर्मल फ़ॉन्ट पर आधारित है जैसे सभी इटैलिक्स होते हैं, लेकिन इसके अपने ग्लिफ़्स हैं (यह डिज़ाइन किया गया है!)।
  • ओब्लिक फ़ॉन्ट केवल नॉर्मल फ़ॉन्ट का झुका हुआ/तिरछा संस्करण है। बिल्कुल फॉक्स इटैलिक्स की तरह, जो सामान्य, कंप्यूटर-जनरेटेड इटैलिक्स हैं (टाइपफेस डिज़ाइनर द्वारा डिज़ाइन नहीं किए गए)।

अगर कोई ओब्लिक फ़ॉन्ट स्टाइल्स और फॉक्स इटैलिक्स के बीच अंतर बता सकता है, तो मुझे ईमेल करें और मैं इस आर्टिकल को तदनुसार अपडेट करूंगा! 🙂

  1. CSS में outline-width प्रॉपर्टी CSS में outline-width प्रॉपर्टी

    outline-width प्रॉपर्टी को एलिमेंट के बॉर्डर्स के चारों ओर एक विशिष्ट मोटाई की लाइन खींचने के लिए परिभाषित किया जा सकता है, लेकिन आउटलाइन बॉर्डर प्रॉपर्टी के विपरीत एलिमेंट के डायमेंशन्स का हिस्सा नहीं होती।सिंटैक्सCSS outline-width प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { outline-width: /*val

  1. CSS में फॉन्ट स्टाइल CSS में फॉन्ट स्टाइल

    CSS font-style प्रॉपर्टी का उपयोग किसी एलिमेंट के टेक्स्ट के लिए normal, italic या oblique स्टाइल स्पेसिफाई करने के लिए किया जाता है।सिंटैक्सCSS font-style प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { font-style: /*value*/ }उदाहरणनिम्नलिखित उदाहरण CSS font-style प्रॉपर्टी को दर्शाते हैं:<!DOCTY

  1. CSS में border-color प्रॉपर्टी CSS में border-color प्रॉपर्टी

    CSS border-color प्रॉपर्टी का उपयोग एलिमेंट्स के लिए बॉर्डर कलर स्पेसिफाई करने के लिए किया जाता है। हम border-top-color, border-right-color, border-left-color और border-right-color प्रॉपर्टीज़ का उपयोग करके इंडिविजुअल साइड्स के लिए कलर भी सेट कर सकते हैं।सिंटैक्सCSS border-color प्रॉपर्टी का सिंटैक्