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

CSS का उपयोग करके कीवर्ड के साथ फ़ॉन्ट आकार सेट करना

<घंटा/>

सीएसएस फ़ॉन्ट-आकार की संपत्ति को पूर्ण और सापेक्ष कीवर्ड के साथ सेट किया जा सकता है। यह पाठ को इच्छानुसार मापता है।

सिंटैक्स

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

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

निम्न तालिका CSS में उपयोग किए जाने वाले मानक खोजशब्दों को सूचीबद्ध करती है -

<टेबल> <थेड> क्रमांक <थ> मूल्य और विवरण 1 मध्यम
फ़ॉन्ट-आकार को मध्यम आकार में सेट करता है। यह डिफ़ॉल्ट है
2 xx-छोटा
फ़ॉन्ट-आकार को xx-छोटे आकार में सेट करता है
3 x-छोटा
फ़ॉन्ट-आकार को अतिरिक्त छोटे आकार में सेट करता है
4 छोटा
फ़ॉन्ट-आकार को छोटे आकार में सेट करता है
5 बड़ा
फ़ॉन्ट-आकार को बड़े आकार में सेट करता है
6 x-बड़ा
फ़ॉन्ट-आकार को अतिरिक्त-बड़े आकार में सेट करता है
7 xx-बड़ा
फ़ॉन्ट-आकार को xx-बड़े आकार में सेट करता है
8 छोटा
मूल तत्व की तुलना में फ़ॉन्ट-आकार को छोटे आकार में सेट करता है
9 बड़ा
फ़ॉन्ट-आकार को मूल तत्व से बड़े आकार में सेट करता है

निम्नलिखित उदाहरण बताते हैं कि कैसे सीएसएस फ़ॉन्ट-आकार की संपत्ति को कीवर्ड के साथ सेट किया जा सकता है।

उदाहरण

डेमो हेडिंग

यह डेमो टेक्स्ट है .

यह एक और डेमो टेक्स्ट है।

आउटपुट

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

CSS का उपयोग करके कीवर्ड के साथ फ़ॉन्ट आकार सेट करना

उदाहरण

एक

दो

आउटपुट

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

CSS का उपयोग करके कीवर्ड के साथ फ़ॉन्ट आकार सेट करना


  1. CSS का उपयोग करके लिंक का रंग सेट करना

    CSS हमें लिंक्स को कलर करने की अनुमति देता है। कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट में टेक्स्ट का रंग सेट करने के लिए किया जाता है। छद्म चयनकर्ताओं का क्रम निम्न द्वारा दिया जाता है:- :लिंक, :विजिटेड, :होवर, :सक्रिय। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    

  1. सीएसएस में फ़ॉन्ट आकार

    CSS फॉन्ट-साइज प्रॉपर्टी का इस्तेमाल फॉन्ट के साइज को सेट करने के लिए किया जाता है। हम प्रतिशत में मान निर्दिष्ट कर सकते हैं, पिक्सेल, सेमी, अंक, एम, आदि जैसी इकाइयों और पूर्ण कीवर्ड। सापेक्ष मान अभिगम्यता को अधिकतम करते हैं। डिफ़ॉल्ट फ़ॉन्ट-आकार 16px या 12pt है। सिंटैक्स CSS फॉन्ट-साइज़ प्रॉपर्टी

  1. CSS का उपयोग करके रेडियल ग्रेडिएंट का आकार निर्धारित करना

    रेडियल ग्रेडिएंट का आकार सेट करने के लिए, रेडियल-ग्रेडिएंट () फ़ंक्शन का उपयोग करें। यह फ़ंक्शन पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करता है। फ़ंक्शन में दूसरा पैरामीटर नीचे दिए गए उदाहरण के अनुसार इच्छित आकार के रूप में सेट किया जाना है - background-image: radial-gradient(40% 50px at ce