-
सीएसएस के साथ एक होवरेबल सिडेनव कैसे बनाएं?
CSS के साथ होवर करने योग्य साइड नेविगेशन बटन बनाने के लिए निम्नलिखित कोड है। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl
-
सीएसएस में फ़ॉन्ट आकार
CSS फॉन्ट-साइज प्रॉपर्टी का इस्तेमाल फॉन्ट के साइज को सेट करने के लिए किया जाता है। हम प्रतिशत में मान निर्दिष्ट कर सकते हैं, पिक्सेल, सेमी, अंक, एम, आदि जैसी इकाइयों और पूर्ण कीवर्ड। सापेक्ष मान अभिगम्यता को अधिकतम करते हैं। डिफ़ॉल्ट फ़ॉन्ट-आकार 16px या 12pt है। सिंटैक्स CSS फॉन्ट-साइज़ प्रॉपर्टी
-
के बीच अंतर । और सीएसएस में # चयनकर्ता
। चयनकर्ता । चयनकर्ता एक वर्ग स्तरीय चयनकर्ता है। डॉट ऑपरेटर का उपयोग स्टाइल क्लास बनाने के लिए किया जाता है जिसे बाद में कई एचटीएमएल तत्वों पर लागू किया जा सकता है। # चयनकर्ता # चयनकर्ता एक तत्व स्तर चयनकर्ता है। हैश ऑपरेटर का उपयोग किसी विशेष तत्व पर शैली लागू करने के लिए किया जाता है जिसकी आईडी
-
CSS के साथ Icon Bar कैसे बनाएं?
CSS के साथ Icon Bar बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/f
-
CSS के साथ मेनू आइकन कैसे बनाएं?
CSS के साथ एक मेनू आइकन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div { width: 40px; height: 7px; backgrou
-
CSS और JavaScript के साथ अकॉर्डियन कैसे बनाएं?
सीएसएस और जावास्क्रिप्ट के साथ एक अकॉर्डियन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .demo { background-color: #eee; c
-
सीएसएस के साथ काम करने वाली स्टाइलिंग टेबल
हम CSS का उपयोग करके तालिकाओं के लिए शैलियों को परिभाषित कर सकते हैं। और उसके तत्वों को स्टाइल करने के लिए निम्नलिखित गुणों का उपयोग किया जाता है - सीमा CSS बॉर्डर प्रॉपर्टी का इस्तेमाल बॉर्डर-चौड़ाई, बॉर्डर-स्टाइल और बॉर्डर-कलर को परिभाषित करने के लिए किया जाता है। सीमा-पतन इस गुण का उपयोग यह
-
सीएसएस में सीमा-शैली की संपत्ति
CSS बॉर्डर-स्टाइल प्रॉपर्टी का उपयोग किसी तत्व के लिए बॉर्डर स्टाइल को निर्दिष्ट करने के लिए किया जाता है। हम बॉर्डर-टॉप-स्टाइल, बॉर्डर-राइट-स्टाइल, बॉर्डर-लेफ्ट-स्टाइल और बॉर्डर-राइट-स्टाइल गुणों का उपयोग करके अलग-अलग पक्षों के लिए बॉर्डर-स्टाइल को भी परिभाषित कर सकते हैं। सिंटैक्स CSS बॉर्डर प्रॉ
-
CSS में बॉर्डर-कलर प्रॉपर्टी
CSS बॉर्डर-कलर प्रॉपर्टी का उपयोग तत्वों के लिए बॉर्डर कलर निर्दिष्ट करने के लिए किया जाता है। हम बॉर्डर-टॉप-कलर, बॉर्डर-राइट-कलर, बॉर्डर-लेफ्ट-कलर और बॉर्डर-राइट-कलर प्रॉपर्टीज का उपयोग करके अलग-अलग पक्षों के लिए रंग भी सेट कर सकते हैं। सिंटैक्स CSS बॉर्डर-कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है -
-
CSS का उपयोग करके कीवर्ड के साथ फ़ॉन्ट आकार सेट करना
सीएसएस फ़ॉन्ट-आकार की संपत्ति को पूर्ण और सापेक्ष कीवर्ड के साथ सेट किया जा सकता है। यह पाठ को इच्छानुसार मापता है। सिंटैक्स CSS फॉन्ट-साइज़ प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { फ़ॉन्ट-आकार:/*मान*/} निम्न तालिका CSS में उपयोग किए जाने वाले मानक खोजशब्दों को सूचीबद्ध करती है - क्रमां
-
सीएसएस में फ़ॉन्ट संस्करण
font-variant गुण का उपयोग font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures, और font-variant-east-asian निर्दिष्ट करने के लिए किया जाता है। सिंटैक्स फॉन्ट-वेरिएंट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { font-variant: /*value*/ } निम्नलिखि
-
CSS में सामान्य सहोदर चयनकर्ता
CSS सामान्य भाई-बहन चयनकर्ता का उपयोग उन सभी तत्वों का चयन करने के लिए किया जाता है जो पहले तत्व का अनुसरण करते हैं जैसे कि दोनों एक ही माता-पिता के बच्चे हैं। सिंटैक्स CSS सामान्य सहोदर चयनकर्ता के लिए वाक्य रचना इस प्रकार है तत्व ~ तत्व {/*घोषणाएं*/} निम्नलिखित उदाहरण CSS सामान्य सहोदर चयनकर्ता
-
CSS में समूहीकरण चयनकर्ता
CSS ग्रुपिंग चयनकर्ता का उपयोग कई तत्वों का चयन करने और उन्हें एक साथ स्टाइल करने के लिए किया जाता है। यह प्रत्येक तत्व के लिए सामान्य शैलियों को घोषित करने के लिए कोड और अतिरिक्त प्रयास को कम करता है। चयनकर्ताओं को समूहबद्ध करने के लिए, प्रत्येक चयनकर्ता को एक स्थान से अलग किया जाता है। सिंटैक्स C
-
CSS का उपयोग करके तत्व के टेक्स्ट का रंग सेट करना
CSS कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के टेक्स्ट का रंग बदलने के लिए किया जाता है। हम मान को मानक रंग नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में निर्दिष्ट कर सकते हैं। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { color: /*value*/ } निम्नल
-
CSS में कलर प्रॉपर्टी सेट करना
हम CSS का उपयोग करके टेक्स्ट, बॉर्डर और तत्वों की पृष्ठभूमि के लिए रंगों को परिभाषित कर सकते हैं। किसी तत्व के टेक्स्ट रंग को निर्दिष्ट करने के लिए रंग गुण का उपयोग किया जाता है। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {रंग:/*मान*/} निम्नलिखित उदाहरण CSS रंग संपत्ति को दर्शा
-
CSS में बॉर्डर और आउटलाइन पर कलर प्रॉपर्टी का प्रभाव
हम किसी तत्व के लिए बॉर्डर कलर और आउटलाइन कलर को परिभाषित कर सकते हैं। सीमाओं के विपरीत, रूपरेखा कोई स्थान नहीं लेती है। बॉर्डर-कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के बॉर्डर कलर को सेट करने के लिए किया जाता है और आउटलाइन-कलर प्रॉपर्टी का इस्तेमाल उसके आउटलाइन कलर को सेट करने के लिए किया जाता है।
-
CSS का उपयोग करके टेक्स्ट डेकोरेशन
CSS टेक्स्ट-डेकोरेशन प्रॉपर्टी का उपयोग चयनित एलिमेंट के टेक्स्ट में डेकोरेशन लागू करने के लिए किया जाता है। हम मान के रूप में लाइन-थ्रू, ओवरलाइन, अंडरलाइन आदि जोड़ सकते हैं। यह टेक्स्ट-डेकोरेशन-लाइन, टेक्स्ट-डेकोरेशन-कलर और टेक्स्ट-डेकोरेशन-स्टाइल के लिए शॉर्टहैंड है। सिंटैक्स टेक्स्ट-डेकोरेशन प्र
-
CSS का उपयोग करके लिंक से डिफ़ॉल्ट रेखांकन हटाना
डिफ़ॉल्ट रूप से, HTML में सभी लिंक एक अंडरलाइन से सजाए जाते हैं। हम CSS टेक्स्ट-डेकोरेशन प्रॉपर्टी का उपयोग करके इस अंडरलाइन को हटा सकते हैं। सिंटैक्स CSS टेक्स्ट-डेकोरेशन प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { text-decoration: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS टेक्स्ट
-
सीएसएस के साथ काम करने वाला टेक्स्ट ट्रांसफॉर्मेशन
CSS टेक्स्ट-ट्रांसफ़ॉर्म प्रॉपर्टी हमें किसी तत्व के लिए टेक्स्ट कैपिटलाइज़ेशन सेट करने की अनुमति देती है। यह निम्नलिखित मानों को स्वीकार कर सकता है:कैपिटलाइज़, लोअरकेस, अपरकेस, पूर्ण-चौड़ाई, पूर्ण-आकार-काना और कोई नहीं। सिंटैक्स CSS टेक्स्ट-ट्रांसफॉर्म प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector
-
CSS में मानक लिंक शैलियाँ
हम अपनी आवश्यकताओं के अनुसार लिंक को स्टाइल कर सकते हैं। यह अनुशंसा की जाती है कि लिंक में ऐसी शैलियाँ हों जो उन्हें सामान्य पाठ से अलग करती हैं। विभिन्न लिंक राज्यों के लिए डिफ़ॉल्ट लिंक शैलियाँ इस प्रकार हैं - लिंक स्टेट रंग सक्रिय #EE0000 फोकस करें #5E9ED6 या विंडोज और मैक के मामले में नीले रं