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

सीएसएस में फ़ॉन्ट गुण

<घंटा/>

CSS फ़ॉन्ट गुण हमें टेक्स्ट की उपस्थिति को संशोधित करने की अनुमति देते हैं। निम्नलिखित गुण हमें टेक्स्ट को स्टाइल करने में मदद करते हैं।

फ़ॉन्ट-फ़ैमिली

इस प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के लिए फॉन्ट फेस सेट करने के लिए किया जाता है।

फ़ॉन्ट-कर्निंग

कैरेक्टर स्पेसिंग को एक समान बनाने और पठनीयता बढ़ाने के लिए, फॉन्ट-कर्निंग प्रॉपर्टी का उपयोग किया जाता है। हालांकि, यह गुण फ़ॉन्ट विशिष्ट है।

फ़ॉन्ट-आकार

फ़ॉन्ट-आकार की संपत्ति फ़ॉन्ट का आकार निर्धारित करती है।

फ़ॉन्ट-खिंचाव

कुछ फोंट में अतिरिक्त चेहरे होते हैं जैसे कंडेन्स्ड, बोल्ड, आदि। इन्हें निर्दिष्ट करने के लिए फॉन्ट-स्ट्रेच प्रॉपर्टी का उपयोग किया जाता है।

फ़ॉन्ट-शैली

टेक्स्ट को एक कोण से इटैलिक करने के लिए, फॉन्ट-स्टाइल प्रॉपर्टी का उपयोग किया जाता है।

फ़ॉन्ट-संस्करण

फॉन्ट-वेरिएंट हमें यह निर्दिष्ट करने की अनुमति देता है कि किसी तत्व को स्मॉल कैप में प्रदर्शित किया जाना चाहिए या नहीं।

फ़ॉन्ट-वेट

वर्णों की बोल्डनेस फ़ॉन्ट-वेट प्रॉपर्टी द्वारा निर्दिष्ट की जाती है।

हम फॉन्ट प्रॉपर्टी का भी उपयोग कर सकते हैं जो उपरोक्त सभी गुणों के लिए एक शॉर्टहैंड है।

सिंटैक्स

फ़ॉन्ट प्रॉपर्टी का सिंटैक्स इस प्रकार है -

<पूर्व>चयनकर्ता { फ़ॉन्ट:/*मान*/}

निम्नलिखित उदाहरण सीएसएस फ़ॉन्ट गुण को दर्शाते हैं -

उदाहरण

सामान्य डेमो
इटैलिक डेमो
ओब्लिक डेमो

आउटपुट

यह निम्न आउटपुट देता है -

सीएसएस में फ़ॉन्ट गुण

उदाहरण

सीखना स्काला

  • स्काला इस अर्थ में एक शुद्ध वस्तु-उन्मुख भाषा है कि प्रत्येक value एक वस्तु है।
  • स्काला जावा बाइट कोड में संकलित है जिसे जावा वर्चुअल मशीन (JVM) द्वारा निष्पादित किया जाता है।
  • स्काला अनाम कार्यों को परिभाषित करने के लिए एक हल्का सिंटैक्स प्रदान करता है

आउटपुट

यह निम्न आउटपुट देता है -

सीएसएस में फ़ॉन्ट गुण


  1. सीएसएस संपत्ति उद्धरण

    उद्धरण चिह्नों को सेट करने के लिए उद्धरण गुण का उपयोग करें। आप कोट्स प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {     &

  1. सीएसएस यूनिकोड-बीड़ी संपत्ति

    यह निर्धारित करने के लिए यूनिकोड-बीड़ी गुण का उपयोग करें कि सीएसएस के साथ कई भाषाओं का समर्थन करने के लिए पाठ को ओवरराइड किया जाना चाहिए या नहीं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          p.demo1 {   &

  1. CSS फॉन्ट प्रॉपर्टी पर एनिमेशन करें

    फ़ॉन्ट . पर एनिमेशन लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          p {             border: 2px solid