सीएसएस में बोल्ड और इटैलिक कैसे गठबंधन करें?

Question

This W3Schools tutorial ने मुझे सीएसएस font-style संपत्ति का उपयोग टेक्स्ट बोल्ड (<b&g>this</b> के पुराने-पुराने एचटीएमएल में) के साथ-साथ पाठ इटालिक बनाने के लिए (पुरानी शैली वाले HTML में <i>this</i> के बराबर) बनाने के लिए सिखाया।

हालांकि, मुझे लगता है कि टेक्स्ट को एक ही समय में दोनों गुणों को कैसे बनाना है (पुरानी शैली वाले HTML में <b><i>this</i></b> के बराबर)।

क्या शुद्ध सीएसएस का उपयोग करके ऐसा करने का कोई तरीका है?

मैं इस की कोशिश की है:

font-style: italic bold; 

परिणाम यह हुआ कि पेज दोनों गुण पर ध्यान नहीं दिया है, और के रूप में यद्यपि मैं इस होटल में सभी निर्दिष्ट यह कभी नहीं किया गया था।

मैं एक ही परिणाम मिला, जब मैं इस की कोशिश की:

font-style: italic, bold; 

मैं एक अलग परिणाम मिला जब मैं इस की कोशिश की:

font-style: italic; bold; 

इस बार, क्या हुआ है कि यह पहली शैली का उपयोग किया है दिया गया (इटालिक) लेकिन दूसरे (बोल्ड) को नजरअंदाज कर दिया।

क्या यह शुद्ध सीएसएस के साथ किया जा सकता है?

Answer 1

आप करीब थे।

italicfont-style के साथ प्रयोग किया जाता है जबकि बोल्ड font-weight के साथ उपयोग किया जाता है।

उपयोग:

font-weight: bold; 
font-style: italic; 

Answer 2

कृपया इस कोड पर नजर है:

font: italic bold 12px/30px Georgia, serif; 

Answer 3

font-style एक एकल मूल्य संपत्ति है। bold फ़ॉन्ट वज़न है, वैसे भी। एकाधिक मानों को गठबंधन करने के लिए, आप शॉर्टेंड font संपत्ति का उपयोग कर सकते हैं। हालांकि, font शॉर्टैंड में प्रविष्टियों की आवश्यकता है: font-size और font-family। यदि आप इन दोनों को शॉर्टेंड में शामिल नहीं करते हैं, तो संपत्ति को अनदेखा कर दिया जाएगा।

इन्हें शॉर्टेंड में italic bold के साथ शामिल करें और इसे काम करना चाहिए।

Answer 4

एक और कारण है कि W3Schools बुरा है, आप font-weight का उपयोग करना चाहिए बोल्ड स्थापित करने के लिए और font-style इटैलिक स्थापित करने के लिए।

font-weight: bold; 
font-style: italic; 

Answer 5

आप उन 2 गुण

का उपयोग कर एक इटैलिक और बोल्ड फ़ॉन्ट हो सकता है

font-style : italic 
font-weight : bold 

font-weight डॉक: W3Schools font-weight

फ़ॉन्ट-शैली डॉक: W3Schools font-style