-
CSS के साथ वेब पेज पर सेंटर पेजिनेशन
आप वेब पेज पर पेजिनेशन को केंद्र में रखने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण .demo { डिस्प्ले:इनलाइन-ब्लॉक; } .demo1 { टेक्स्ट-एलाइन:सेंटर; } .demo a { रंग:लाल; पैडिंग:5px 12px; पाठ-सजावट:कोई नहीं; संक्रमण:पृष्ठभूमि-रंग 2s; सीमा:1px ठोस नारंगी; फ़ॉन्ट-आकार:18px; } .demo a.active
-
कॉलम की संख्या कैसे निर्दिष्ट करें एक तत्व को सीएसएस के साथ विभाजित किया जाना चाहिए
कॉलम की संख्या निर्दिष्ट करने के लिए एक तत्व को विभाजित किया जाना चाहिए, कॉलम-गिनती संपत्ति का उपयोग करें। आप 4 कॉलम के साथ कॉलम-काउंट प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <
-
CSS के साथ कॉलम कैसे भरें
कॉलम भरने के लिए, कॉलम-फिल प्रॉपर्टी का उपयोग करें। आप बैलेंस फॉर्म के साथ कॉलम-फिल प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> .demo { &n
-
CSS के साथ कॉलम के बीच की खाई को निर्दिष्ट करें
कॉलम के बीच गैप सेट करने के लिए कॉलम-गैप प्रॉपर्टी का इस्तेमाल करें। आप 50px मान के साथ, कॉलम-गैप प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style>
-
सभी कॉलम-नियम-* गुण सेट करने के लिए शॉर्टहैंड प्रॉपर्टी
स्तंभ नियम के लिए आशुलिपि गुण स्तंभ-नियम गुण है। स्तंभ-नियम . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति उदाहरण <!DOCTYPE html> <html> <head> <style> .demo {
-
CSS के साथ कॉलम के बीच नियम का रंग सेट करें
स्तंभों के बीच रंग सेट करने के लिए, स्तंभ-नियम-रंग . का उपयोग करें संपत्ति। कॉलम-नियम-रंग . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति। इसके साथ, हम कॉलम नियम की शैली भी निर्धारित करेंगे: उदाहरण <!DOCTYPE html> <html> <head>
-
सीएसएस के साथ कंटेनर के अंदर पूरे ग्रिड को लंबवत रूप से संरेखित करें
आप संरेखण-सामग्री . का उपयोग करके ग्रिड को लंबवत रूप से संरेखित करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति - उदाहरण <!DOCTYPE html> <html> <head> <style> .container { &n
-
CSS के साथ पेजिनेशन के लिए स्टाइल सेट करें
आप सीएसएस के साथ पेजिनेशन को स्टाइल करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> .demo { display: inline-blo
-
CSS ग्रिड-टेम्पलेट-कॉलम गुण
ग्रिड-टेम्पलेट-कॉलम गुण का उपयोग ग्रिड में स्तंभों की संख्या निर्धारित करने के लिए किया जाता है। उदाहरण आप ग्रिड-टेम्पलेट-कॉलम गुण को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html> <head> <style>
-
सीएसएस के साथ होवर पेजिनेशन पर एक संक्रमण प्रभाव बनाएं
होवर पेजिनेशन पर ट्रांज़िशन इफ़ेक्ट बनाने के लिए, ट्रांज़िशन प्रॉपर्टी का इस्तेमाल करें। उदाहरण संक्रमण प्रभाव जोड़ने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html> <head> <style> .
-
CSS के साथ होवर करने योग्य पेजिनेशन जोड़ें
इसका उपयोग करें: होवर होवर प्रभाव जोड़ने के लिए चयनकर्ता। आप सीएसएस के साथ होवर करने योग्य पेजिनेशन जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> .demo { &nb
-
CSS का उपयोग करके पेजिनेशन में बॉर्डर जोड़ें
बॉर्डे का प्रयोग करें r संपत्ति पृष्ठ पर अंक लगाना करने के लिए सीमा जोड़ने के लिए। उदाहरण पेजिनेशन के लिए बॉर्डर सेट करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style> &n
-
सीएसएस का उपयोग करके पेजिनेशन में पहले और आखिरी लिंक में गोल बॉर्डर जोड़ें
गोल बॉर्डर जोड़ने के लिए, सीमा-त्रिज्या . का उपयोग करें संपत्ति। ऊपर/नीचे बाईं ओर, बॉर्डर-टॉप-लेफ्ट-रेडियस का उपयोग करें संपत्ति और नीचे के लिए, उपयोग करेंसीमा-नीचे-बाएं-त्रिज्या . इसी तरह, ऊपर/नीचे दाईं ओर सेट करें। उदाहरण आप पेजिनेशन में पहली और आखिरी कड़ी में गोल बॉर्डर जोड़ने के लिए निम्न कोड च
-
CSS ग्रिड-कॉलम-गैप संपत्ति का उपयोग
CSS के साथ ग्रिड कॉलम के बीच गैप सेट करें। आप ग्रिड-कॉलम-गैप गुण को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> .container { &n
-
CSS के साथ पेजिनेशन लिंक्स के बीच स्पेस जोड़ें
आप सीएसएस के साथ पेजिनेशन लिंक के बीच स्थान जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> .demo { display: inline-
-
सीएसएस फ्लेक्स-दिशा संपत्ति कॉलम-रिवर्स वैल्यू की भूमिका
फ्लेक्स-दिशा का उपयोग करें पंक्ति मान . के साथ संपत्ति फ्लेक्स-आइटम को लंबवत, उल्टे क्रम में सेट करने के लिए। उदाहरण आप कॉलम-रिवर्स वैल्यू को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html> <head> <style> &
-
CSS के साथ रिस्पॉन्सिव पेजिनेशन बनाएं
आप सीएसएस के साथ रिस्पॉन्सिव पेजिनेशन बनाने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> .demo { display: inline-block
-
CSS का उपयोग करके कंटेनर के अंदर ग्रिड को संरेखित करें
आप औचित्य-सामग्री का उपयोग करके कंटेनर के अंदर ग्रिड को संरेखित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति: उदाहरण <!DOCTYPE html> <html> <head> <style> .container {
-
CSS जस्टिफाई-कंटेंट प्रॉपर्टी की भूमिका फ्लेक्स-स्टार्ट वैल्यू
औचित्य-सामग्री का उपयोग करें मूल्य के साथ संपत्ति फ्लेक्स-स्टार्ट शुरुआत में फ्लेक्स-आइटम को संरेखित करने के लिए। उदाहरण फ्लेक्स-स्टार्ट वैल्यू को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html> <head> <sty
-
CSS मीडिया क्वेरीज़ के साथ एक रिस्पॉन्सिव नेविगेशन मेनू बनाएं
मीडिया क्वेरी का उपयोग तब किया जाता है जब आपको टैबलेट, मोबाइल, डेस्कटॉप आदि जैसे विभिन्न उपकरणों के लिए शैली सेट करने की आवश्यकता होती है। आप मीडिया क्वेरी के साथ प्रतिक्रियाशील नेविगेशन मेनू बनाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html lang = "en&q
