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

CSS

  1. सीएसएस फ्लेक्स कंटेनर गुण

    सीएसएस फ्लेक्स कंटेनर गुण निम्नलिखित हैं फ्लेक्स-दिशा फ्लेक्स-रैप फ्लेक्स-फ्लो औचित्य-सामग्री अलाइन-आइटम सामग्री संरेखित करें

  2. सीएसएस फ्लेक्स-दिशा संपत्ति

    फ्लेक्स-आइटम की दिशा को परिभाषित करने के लिए, फ्लेक्स-दिशा संपत्ति का उपयोग करें। आइए हम दिशा को लंबवत रूप से सेट करें उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {         &

  3. सीएसएस के साथ एक छवि पर टेक्स्ट को नीचे दाईं ओर कैसे रखें

    टेक्स्ट को नीचे बाईं ओर रखने के लिए, नीचे . का उपयोग करें और दाएं संपत्ति। छवि पर टेक्स्ट को नीचे दाईं ओर रखने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .

  4. सीएसएस संरेखण-स्वयं संपत्ति

    किसी भी फ्लेक्स-आइटम के अलाइनमेंट को align-self प्रॉपर्टी के साथ सेट करें। आप CSS align-self प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>         &nbs

  5. CSS जस्टिफाई-कंटेंट प्रॉपर्टी स्पेस-अराउंड वैल्यू की भूमिका

    औचित्य-सामग्री का उपयोग करें मूल्य के साथ संपत्ति अंतरिक्ष के आसपास लाइनों के पास जगह जोड़ने के लिए। उदाहरण आप स्पेस-अराउंड वैल्यू को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>       <style>   &n

  6. CSS के साथ फ्लेक्स-रैप प्रॉपर्टी के व्यवहार को संशोधित करें

    संरेखित-सामग्री का उपयोग करें फ्लेक्स-रैप संपत्ति के व्यवहार को संशोधित करने के लिए संपत्ति। उदाहरण फ्लेक्स-रैप प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - div {पृष्ठभूमि-रंग:सफ़ेद; पाठ-संरेखण:केंद्र; लाइन-ऊंचाई:40px; फ़ॉन्ट-आकार:25px; चौड़ाई:100 पीएक्स; मार्जिन:5

  7. सीएसएस फ्लेक्स-रैप संपत्ति

    फ्लेक्स-रैप का उपयोग करें सेट की जाने वाली संपत्ति फ्लेक्स आइटम रैप है या नहीं। फ्लेक्स-रैप प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं। यहां फ्लेक्स आइटम रैप होते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>

  8. CSS align-content प्रॉपर्टी स्पेस-अराउंड वैल्यू का उपयोग

    संरेखित-सामग्री का उपयोग करें मूल्य के साथ संपत्ति अंतरिक्ष के आसपास फ्लेक्स लाइनों के आसपास जगह जोड़ने के लिए। उदाहरण स्पेस-अराउंड . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं मूल्य: div {पृष्ठभूमि-रंग:पीला; पाठ-संरेखण:केंद्र; लाइन-ऊंचाई:60px; फ़ॉन्ट-आकार:30px; चौड़ाई:100 प

  9. CSS के साथ एक वर्टिकल बटन ग्रुप बनाएं

    लंबवत बटन समूह बनाने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .mybtn .button {             background-color: orange;   &n

  10. CSS के साथ एक बटन का अक्षम रूप बनाएं

    अक्षम बटन लुक बनाने के लिए, CSS अस्पष्टता गुण का उपयोग करें। उदाहरण एक बटन का अक्षम रूप बनाने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>     <head>       <style>          .btn1 {    

  11. सीएसएस के साथ एक छवि पर पाठ को नीचे बाईं ओर कैसे रखें

    टेक्स्ट को नीचे बाईं ओर रखने के लिए, नीचे . का उपयोग करें और बाएं संपत्ति। छवि पर टेक्स्ट को नीचे बाईं ओर रखने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          

  12. सेट करें कि एक तत्व को CSS के साथ कितने कॉलम में फैलाना चाहिए

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

  13. CSS के साथ कॉलम के लिए चौड़ाई निर्दिष्ट करें

    स्तंभ-चौड़ाई का उपयोग करें कॉलम की चौड़ाई निर्दिष्ट करने के लिए संपत्ति। आप कॉलम-चौड़ाई प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .demo

  14. CSS के साथ कॉलम सेट करने के लिए शॉर्टहैंड प्रॉपर्टी

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

  15. CSS ग्रिड-टेम्पलेट-पंक्तियाँ गुण

    ग्रिड-टेम्पलेट-पंक्तियाँ संपत्ति का उपयोग ग्रिड में पंक्तियों की संख्या निर्धारित करने के लिए किया जाता है। उदाहरण आप ग्रिड-टेम्पलेट-पंक्तियों की संपत्ति को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>     &n

  16. सीएसएस में चर

    CSS में वेरिएबल का उपयोग आपके वेब पेज पर कस्टम प्रॉपर्टी मान जोड़ने के लिए किया जाता है। प्रॉपर्टी का एक कस्टम नाम सेट करें और इसके लिए मूल्य निर्धारित करें। आप पृष्ठभूमि और टेक्स्ट का रंग बदलने के लिए सीएसएस में चर लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html>

  17. CSS के साथ पेजिनेशन का आकार बदलें

    पेजिनेशन का आकार बदलने के लिए, फ़ॉन्ट-आकार . का उपयोग करें संपत्ति। पेजिनेशन का आकार बढ़ाने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .demo {    

  18. सीएसएस फ्लेक्स-सिकुड़ संपत्ति

    फ्लेक्स-हटना गुण फ्लेक्स-आइटम को सिकोड़ता है। आप CSS flex-srink संपत्ति को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं। यहाँ, मैंने इसे Q4 फ्लेक्स-आइटम के साथ प्रयोग किया है उदाहरण <!DOCTYPE html> <html>    <head>       <style>   &

  19. सीएसएस ग्रिड पंक्तियाँ

    निम्नलिखित में क्षैतिज रेखा को ग्रिड पंक्तियाँ कहा जाता है।

  20. सीएसएस ग्रिड अंतराल

    निम्नलिखित आकृति में पंक्तियों और स्तंभों के बीच दिखाए गए स्थान को ग्रिड गैप कहा जाता है

Total 1566 -कंप्यूटर  FirstPage PreviousPage NextPage LastPage CurrentPage:41/79  20-कंप्यूटर/Page Goto:1 35 36 37 38 39 40 41 42 43 44 45 46 47