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

CSS

  1. सीएसएस फ्लेक्सबॉक्स के साथ एक स्लाइडर/हिंडोला बनाना (लूप में अनंत दोहराए जाने वाले आइटम के साथ)

    हम जावास्क्रिप्ट की मदद से CSS Flexbox का उपयोग करके एक असीमित स्क्रॉलिंग स्लाइडर बना सकते हैं। उदाहरण निम्नलिखित उदाहरण सीएसएस का उपयोग करके कैरोसेल को दर्शाते हैं। <!DOCTYPE html> <html>    <head>       <style>          img

  2. सीएसएस फ्लेक्स के साथ कॉलम डीआईवी को बाएं-केंद्र-दाएं के रूप में कैसे संरेखित करें

    फ्लेक्स कंटेनर की वस्तुओं को उसके चारों ओर स्थान वितरित करके उसके मुख्य अक्ष के साथ संरेखित करने के लिए, हम CSS की जस्टिफाई-कंटेंट संपत्ति का उपयोग करते हैं। सिंटैक्स CSS जस्टिफाई-कंटेंट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    display: flex;    justify-content: /*valu

  3. सीएसएस मिनट () फ़ंक्शन के साथ एक उत्तरदायी लोगो बनाना (कोई मीडिया क्वेरी शामिल नहीं है)

    CSS min() फ़ंक्शन का उपयोग करके, हम अपने वेबपेजों में एक responsive logo बना सकते हैं। यह हमें CSS विशेषता के लिए न्यूनतम मान निर्दिष्ट करने की अनुमति देता है। सिंटैक्स CSS min() प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    attribute: min(/*value*/,/*value*/); } उदाहरण निम्नलिखित उ

  4. CSS ट्रांसफ़ॉर्म और स्केल लागू करते समय छवि गुणवत्ता बनाए रखें

    CSS इमेज-रेंडरिंग प्रॉपर्टी हमारी इमेज को स्केल करने के लिए एल्गोरिथम सेट करने में हमारी मदद करती है। सिंटैक्स CSS इमेज-रेंडरिंग प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { इमेज-रेंडरिंग:/*value*/} उदाहरण निम्नलिखित उदाहरण CSS इमेज-रेंडरिंग प्रॉपर्टी को दर्शाते हैं। img {ऊंचाई:200px; चौड़ाई

  5. CSS का उपयोग करके विंडो की ऊंचाई का 100% DIV कैसे बनाएं?

    CSS ऊंचाई गुण हमें किसी तत्व की ऊँचाई निर्दिष्ट करने में मदद करता है। सिंटैक्स CSS हाइट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    height: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS ऊंचाई संपत्ति को दर्शाते हैं। <!DOCTYPE html> <html>    <head>   &n

  6. CSS का उपयोग करके एक ब्लैक एंड व्हाइट इमेज कैसे बनाएं

    CSS के फ़िल्टर गुण के लिए ग्रेस्केल मान निर्दिष्ट करके हम एक श्वेत-श्याम छवि बना सकते हैं। फ़िल्टर गुण का उपयोग छवियों पर धुंधलापन, ड्रॉप-शैडो जैसे विशेष प्रभावों को लागू करने के लिए किया जा सकता है। सिंटैक्स CSS फ़िल्टर प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {फ़िल्टर:ग्रेस्केल(100%); -वेबकि

  7. सीएसएस नवीनतम अपडेट - प्रदर्शन संपत्ति के आंतरिक और बाहरी मूल्य

    अब हम CSS डिस्प्ले के दो महत्वपूर्ण सिंटैक्स द्वारा प्रदर्शन प्रकार के तत्वों को स्पष्ट रूप से सेट करने में सक्षम होंगे। यह हमें तत्व के प्रवाह लेआउट को बदलने की अनुमति देगा सिंटैक्स CSS डिस्प्ले प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    display: /*inside*/ /*outside*/ } उदाहरण

  8. टेक्स्ट-डेकोरेशन-कलर CSS का उपयोग करके लिंक अंडरलाइन कलर कैसे बदलें

    CSS टेक्स्ट-डेकोरेशन-कलर का उपयोग टेक्स्ट-डेकोरेशन-लाइन का रंग बदलने के लिए किया जाता है। सिंटैक्स CSS टेक्स्ट-डेकोरेशन-कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    text-decoration-color: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS टेक्स्ट-डेकोरेशन-कलर प्रॉपर्टी को दर्शाते हैं। &l

  9. फ़ाइल अपलोड बटन की CSS स्टाइलिंग ::फ़ाइल-चयनकर्ता-बटन चयनकर्ता के साथ

    हम सीएसएस छद्म तत्व ::फ़ाइल-चयनकर्ता-बटन का उपयोग करके फ़ाइल अपलोड बटन को स्टाइल कर सकते हैं। हालांकि, इस छद्म तत्व का पूर्ण समर्थन Firefox और Firefox Android तक ही सीमित है। ::- webkit-file-upload-button का उपयोग सफारी, क्रोम और ओपेरा को सपोर्ट करने के लिए किया जाता है। सिंटैक्स CSS फ़ाइल-चयनकर्त

  10. सीएसएस उपस्थिति संपत्ति के साथ कस्टम चेकबॉक्स

    हम उपयोगकर्ता के ऑपरेटिंग सिस्टम की प्लेटफ़ॉर्म-देशी शैली के अनुसार किसी तत्व को स्टाइल करने के लिए अपीयरेंस प्रॉपर्टी का उपयोग करते हैं। सिंटैक्स CSS अपीयरेंस प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {उपस्थिति:/*मान*/; -वेबकिट-उपस्थिति:/*मूल्य*/; /*Safari और Chrome के लिए */ -moz-appearance:/

  11. सीएसएस उपस्थिति संपत्ति के साथ कस्टम रेडियो बटन

    हम उपयोगकर्ता के ऑपरेटिंग सिस्टम की प्लेटफ़ॉर्म-देशी शैली के अनुसार किसी तत्व को स्टाइल करने के लिए अपीयरेंस प्रॉपर्टी का उपयोग करते हैं। सिंटैक्स CSS अपीयरेंस प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {उपस्थिति:/*मान*/; -वेबकिट-उपस्थिति:/*मूल्य*/; /*Safari और Chrome के लिए */ -moz-appearance:/

  12. सीएसएस उपस्थिति के साथ चयन इनपुट के लिए ड्रॉपडाउन तीर छुपाएं

    हम उपयोगकर्ता के ऑपरेटिंग सिस्टम की प्लेटफ़ॉर्म-देशी शैली के अनुसार किसी तत्व को स्टाइल करने के लिए अपीयरेंस प्रॉपर्टी का उपयोग करते हैं। सिंटैक्स CSS अपीयरेंस प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { प्रकटन:/*मान*/; -वेबकिट-उपस्थिति:/*मूल्य*/; /*Safari और Chrome के लिए */ -moz-appearance:/*

  13. CSS Flexbox में आइटम के लिए एक निश्चित चौड़ाई निर्धारित करना

    सिंटैक्स CSS flex संपत्ति का सिंटैक्स इस प्रकार है - Selector {    flex: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS flex गुण को दर्शाते हैं। <!DOCTYPE html> <html>    <head>       <style>          div {    

  14. CSS का उपयोग करके सूचियों में बुलेट को कैसे चेतन करें

    एक अनियंत्रित सूची में बुलेट को स्टाइल करने के लिए, हम सूची-शैली पोर का उपयोग कर सकते हैं सिंटैक्स CSS ली-स्टाइल प्रॉपर्टी का सिंटैक्स इस प्रकार है - li { सूची-शैली:/*value*/} उदाहरण निम्नलिखित उदाहरण CSS ली-स्टाइल संपत्ति को दर्शाते हैं। li { मार्जिन:3px 0; गद्दी:2%; चौड़ाई:28%; लाइन-ऊंचाई:1.2

  15. ::मार्कर सीएसएस चयनकर्ता के साथ सूचियों के लिए बुलेट रंग बदलें

    सिंटैक्स CSS ::marker चयनकर्ता का सिंटैक्स इस प्रकार है - Selector::marker {    attribute: /*value*/; } उदाहरण निम्नलिखित उदाहरण CSS ::marker चयनकर्ता को दर्शाते हैं। <!DOCTYPE html> <html>    <head>       <style>       &nbs

  16. CSS का उपयोग करके एक युक्त पाठ के साथ एक टिप्पणी बॉक्स कैसे बनाएं

    क्लिप-पथ प्रॉपर्टी का उपयोग करके कमेंट बॉक्स बनाया जा सकता है सिंटैक्स CSS क्लिप-पथ प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { क्लिप-पथ:/*मान*/} उदाहरण निम्नलिखित उदाहरण दिखाते हैं कि कैसे हम CSS का उपयोग करके एक टिप्पणी बॉक्स बना सकते हैं। .cb { स्थिति:सापेक्ष; गद्दी:2%; सीमा-त्रिज्या:8%;

  17. CSS क्लिप-पथ का उपयोग करके एक त्रिभुज कैसे बनाएं

    हम CSS क्लिप-पथ प्रॉपर्टी का उपयोग करके एक त्रिभुज बना सकते हैं। सिंटैक्स CSS क्लिप-पथ प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { क्लिप-पथ:/*मान*/} उदाहरण निम्नलिखित उदाहरण CSS क्लिप-पथ गुण को दर्शाते हैं। div { पैडिंग:10%; सीमा-त्रिज्या:2%; चौड़ाई:10%; बॉक्स-छाया:इनसेट 0 0 80px वायलेट; क्

  18. लंबवत पाठ, सीएसएस में क्षैतिज अक्षरों के साथ

    टेक्स्ट-ओरिएंटेशन निर्दिष्ट करके:ईमानदार और लेखन-मोड:लंबवत-आरएल, हम क्षैतिज सीएसएस के साथ लंबवत टेक्स्ट प्रदर्शित कर सकते हैं। सिंटैक्स CSS राइटिंग-मोड और टेक्स्ट-ओरिएंटेशन प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {लेखन-मोड:/*मान*/पाठ-अभिविन्यास:/*मान*/} उदाहरण निम्नलिखित उदाहरण CSS आउटलाइन-ऑ

  19. सीएसएस के साथ 4-कॉलम लेआउट ग्रिड कैसे बनाएं?

    CSS के साथ 4-स्तंभ लेआउट ग्रिड बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } .प्रथम, .सेकंड, .तीसरा, .चौथा {फ्लोट:बाएं; चौड़ाई:25%; रंग सफेद; पैडिंग:10px; ऊंचाई:500 पीएक्स; पाठ-संरेखण:केंद्र; } .पहले

  20. सीएसएस और जावास्क्रिप्ट के साथ एक विस्तारित ग्रिड कैसे बनाएं?

    सीएसएस और जावास्क्रिप्ट के साथ एक विस्तृत ग्रिड बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       padding: 1%;

Total 1566 -कंप्यूटर  FirstPage PreviousPage NextPage LastPage CurrentPage:4/79  20-कंप्यूटर/Page Goto:1 2 3 4 5 6 7 8 9 10