फ़ॉन्ट-शैली - सीएसएस-ट्रिक्स

font-styleसंपत्ति (अर्थात sloped या तिरछी) आप पाठ इटैलिक प्रदर्शित करने के लिए अनुमति देता है।

em ( font-style: italic; )

यह गुण तीन संभावित मानों में से एक स्वीकार करता है: normal, italic, और oblique।

यदि किसी दिए गए फ़ॉन्ट परिवार में एक इटैलिक या तिरछा चेहरा अंतर्निहित है, तो ब्राउज़र उस चेहरे का चयन करेगा। यदि कोई इटैलिक या तिरछा चेहरा उपलब्ध नहीं है, तो ब्राउज़र झुका हुआ प्रभाव की नकल करेगा। यदि इटैलिक को परिभाषित किया गया है और कोई इटैलिक चेहरा उपलब्ध नहीं है, तो ब्राउज़र तिरछे चेहरे की तलाश करेगा, इससे पहले कि वह इटैलिक की नकल करने की कोशिश करे। वही तिरछा लागू होता है; यह भी एक इटैलिक चेहरे के लिए पहले दिखेगा।

ब्राउज़र को नकल, या संश्लेषित, इटैलिक या तिरछा चेहरे के संस्करण को जोड़ने से रोकने के लिए, आप font-synthesisसंपत्ति का उपयोग कर सकते हैं (यदि समर्थित हो)।

इटैलिक बनाम ओब्लिक

युक्ति के अनुसार, "इटैलिक रूप आम तौर पर प्रकृति में शापित होते हैं, जबकि तिरछे चेहरे आमतौर पर नियमित चेहरे के ढलान वाले संस्करण होते हैं।" हालाँकि, यदि उपयोग किए जा रहे फ़ॉन्ट में इटैलिक या तिरछे चेहरे उपलब्ध नहीं हैं, तो ज्यादातर मामलों में, यदि कोई हो, तो इटैलिक और तिरछे के बीच अंतर होता है।

नीचे दिया गया डेमो इटैलिक और तिरछा दोनों प्रदर्शित करता है:

CodePen पर CSS-Tricks (@ css-tricks) द्वारा सीएसएस फ़ॉन्ट-शैली के साथ पेन इटैलिक बनाम तिरछा देखें।

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

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
काम करता है	काम करता है	काम करता है	काम करता है	काम करता है	काम करता है	काम करता है