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

CSS

  1. सेट करें कि CSS के साथ फ्लेक्स आइटम बाकी फ्लेक्स आइटम के सापेक्ष कितना बढ़ेगा

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

  2. निर्दिष्ट करें कि सीएसएस के साथ फ्लेक्स आइटम शेष फ्लेक्स आइटम के सापेक्ष कितना छोटा हो जाएगा

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

  3. CSS के साथ किसी फ्लेक्स आइटम की प्रारंभिक लंबाई सेट करें

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

  4. सीएसएस के साथ एनिमेटेड पृष्ठभूमि

    चेतन करने के लिए @keyframes का उपयोग करें। CSS के साथ पृष्ठभूमि पर एनीमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {      

  5. CSS के साथ बैकग्राउंड-कलर प्रॉपर्टी पर एनिमेशन करें

    CSS के साथ बैकग्राउंड-कलर प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width:

  6. CSS के साथ बैकग्राउंड-पोजिशन प्रॉपर्टी पर एनिमेशन करें

    पृष्ठभूमि स्थिति को चेतन करने के लिए @keyframes का उपयोग करें। CSS के साथ बैकग्राउंड-पोजिशन प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>       &

  7. CSS टैब-आकार की संपत्ति

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

  8. CSS के साथ एक टैब कैरेक्टर की चौड़ाई सेट करें

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

  9. सीएसएस यूनिकोड-बीड़ी संपत्ति

    यह निर्धारित करने के लिए यूनिकोड-बीड़ी गुण का उपयोग करें कि सीएसएस के साथ कई भाषाओं का समर्थन करने के लिए पाठ को ओवरराइड किया जाना चाहिए या नहीं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          p.demo1 {   &

  10. सेट करें कि सीएसएस के साथ कई भाषाओं का समर्थन करने के लिए पाठ को ओवरराइड किया जाना चाहिए

    यह निर्धारित करने के लिए यूनिकोड-बीडीआई प्रॉपर्टी का उपयोग करें कि सीएसएस के साथ कई भाषाओं का समर्थन करने के लिए टेक्स्ट को ओवरराइड किया जाना चाहिए या नहीं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          p.demo1

  11. CSS के साथ फ्लेक्स आइटम को लंबवत रूप से सेट करें

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

  12. CSS के साथ फ्लेक्स आइटम को नीचे से ऊपर की ओर लंबवत सेट करें

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

  13. CSS ग्रिड-पंक्ति-प्रारंभ संपत्ति का उपयोग

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

  14. CSS ग्रिड-ऑटो-पंक्तियों की संपत्ति का उपयोग

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

  15. CSS के साथ फ्लेक्स आइटम को क्षैतिज रूप से दाएं से बाएं सेट करें

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

  16. CSS नेवी-लेफ्ट प्रॉपर्टी

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

  17. CSS बॉर्डर-टॉप प्रॉपर्टी को चेतन करें

    CSS के साथ बॉर्डर-टॉप प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>          table,th,td {             bo

  18. रेडियल-ग्रेडिएंट () CSS फ़ंक्शन का उपयोग

    रेडियल-ग्रेडिएंट () CSS फ़ंक्शन के साथ, पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style> &nb

  19. CSS बॉर्डर-बॉटम-कलर प्रॉपर्टी पर एनिमेशन करें

    CSS के साथ बॉर्डर-बॉटम-कलर प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style>    div {       width: 500px;       height: 400px;       backgro

  20. चेतन सीएसएस फ्लेक्स-आधार संपत्ति

    ऐनिमेशन को फ्लेक्स-आधार . पर लागू करने के लिए सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style>    .box {       display: flex;       background-color: green;    

Total 1566 -कंप्यूटर  FirstPage PreviousPage NextPage LastPage CurrentPage:35/79  20-कंप्यूटर/Page Goto:1 29 30 31 32 33 34 35 36 37 38 39 40 41