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

CSS

  1. सीएसएस संरेखण-आइटम संपत्ति केंद्र मूल्य का उपयोग

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

  2. CSS align-items प्रॉपर्टी बेसलाइन वैल्यू का उपयोग

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

  3. सीएसएस के साथ एक फ्लेक्स कंटेनर के अंदर लचीली वस्तुओं की दिशा कैसे निर्दिष्ट करें?

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

  4. सीएसएस संरेखण-सामग्री संपत्ति का उपयोग अंतरिक्ष-मूल्य के बीच

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

  5. सीएसएस के साथ एक बटन समूह बनाएं

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

  6. CSS align-content प्रॉपर्टी स्ट्रेच वैल्यू का उपयोग

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

  7. फ्लेक्स आइटम को क्षैतिज रूप से संरेखित करें जब आइटम सीएसएस के साथ मुख्य-अक्ष पर सभी उपलब्ध स्थान का उपयोग नहीं करते हैं

    औचित्य-सामग्री का उपयोग करें जब आइटम मुख्य-अक्ष पर सभी उपलब्ध स्थान का उपयोग नहीं करते हैं, तो फ्लेक्स आइटम को क्षैतिज रूप से संरेखित करने के लिए गुण। आप औचित्य-सामग्री संपत्ति को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head&

  8. सीएसएस संरेखण-सामग्री संपत्ति केंद्र मूल्य का उपयोग

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

  9. CSS align-items प्रॉपर्टी का उपयोग flex-end value

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

  10. सीएसएस संरेखण-आइटम संपत्ति खिंचाव मूल्य का उपयोग

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

  11. सीएसएस के साथ फ्लेक्स लाइनों को संरेखित करें

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

  12. फ्लेक्स-दिशा और फ्लेक्स-रैप के लिए शॉर्टहैंड सीएसएस संपत्ति

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

  13. CSS के साथ एक ही कंटेनर के अंदर बाकी फ्लेक्स आइटम के सापेक्ष एक लचीली वस्तु का क्रम निर्दिष्ट करें

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

  14. CSS फ्लेक्स-दिशा गुण कॉलम मान की भूमिका

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

  15. फ्लेक्स-ग्रो, फ्लेक्स-हटना और फ्लेक्स-बेस गुणों के लिए CSS शॉर्टहैंड प्रॉपर्टी

    फ्लेक्स का उपयोग करें एक पंक्ति में फ्लेक्स-ग्रो, फ्लेक्स-हटना और फ्लेक्स-आधार गुण जोड़ने के लिए संपत्ति। फ्लेक्स . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति उदाहरण <!DOCTYPE html> <html>    <head>       <style>  

  16. CSS फ्लेक्स-दिशा गुण पंक्ति मान की भूमिका

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

  17. सीएसएस औचित्य-सामग्री

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

  18. सीएसएस के साथ छवि पर बटन सेट करें

    आप छवि पर बटन सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .box {             position: relative;       &nbs

  19. CSS फ्लेक्स-ग्रो प्रॉपर्टी

    फ्लेक्स-ग्रो प्रॉपर्टी का उपयोग करके फ्लेक्स आइटम का आकार बढ़ाएं। इसे एक या अधिक फ्लेक्स आइटम के साथ प्रयोग करें। उदाहरण फ्लेक्स-ग्रो प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं। यहाँ Q3 फ्लेक्स-आइटम अन्य वस्तुओं से बड़ा है - <!DOCTYPE html> <html>   &

  20. सीएसएस संरेखण-आइटम संपत्ति

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

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