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

CSS

  1. CSS में Flex Items के Dimensions को नियंत्रित करना

    CSS में Flex Items के आयामों को नियंत्रित करने के लिए, flex गुण का उपयोग करें। फ्लेक्स आइटम के आयामों को नियंत्रित करने वाला कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-s

  2. CSS3 का उपयोग करके फ्लेक्स आइटम को क्रॉस एक्सिस के साथ संरेखित करें

    CSS3 का उपयोग करके फ्लेक्स आइटम को क्रॉस एक्सिस के साथ संरेखित करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .container {    height: 200px; &

  3. CSS3 का उपयोग करके व्यक्तिगत फ्लेक्स आइटम को पुन:व्यवस्थित करना

    CSS3 का उपयोग करके अलग-अलग फ्लेक्स आइटम को पुन:व्यवस्थित करने के लिए, ऑर्डर प्रॉपर्टी का उपयोग करें। फ्लेक्स आइटम को फिर से व्यवस्थित करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Ge

  4. CSS3 का उपयोग करके फ्लेक्स आइटम की रैपिंग सक्षम करें

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

  5. CSS3 फ़िल्टर प्रभाव के साथ कार्य करना

    CSS3 में फ़िल्टर प्रभाव सेट करने के लिए, फ़िल्टर गुण का उपयोग करें। निम्नलिखित फ़िल्टर प्रभाव सेट किए जा सकते हैं - धुंधला () | चमक () | कंट्रास्ट () | ग्रेस्केल () | उलटा () | अस्पष्टता () | संतृप्त () | यूआरएल (); CSS3 में फ़िल्टर प्रभाव का उपयोग करने के लिए कोड निम्नलिखित है - उदाहरण img{ मार्जि

  6. CSS में मीडिया प्रश्नों के साथ उत्तरदायी वेब डिज़ाइन

    मीडिया क्वेरी मोबाइल, डेस्कटॉप आदि जैसे विभिन्न आकार के उपकरणों के लिए विभिन्न शैली के नियमों के लिए एक सीएसएस तकनीक है। CSS में मीडिया क्वेरीज़ और रिस्पॉन्सिव वेब डिज़ाइन दिखाने वाला कोड निम्नलिखित है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; रंग:सफ़ेद;}@मीडिया

  7. CSS का उपयोग करके स्क्रीन के आकार के आधार पर लेआउट बदलना

    CSS में स्क्रीन के आकार के आधार पर लेआउट बदलने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body {    font-family: "Segoe UI", Tahom

  8. CSS3 के साथ यूजर इंटरफेस का विस्तार

    उपयोगकर्ता इंटरफ़ेस का विस्तार करने के लिए, CSS आकार बदलने और आउटलाइन-ऑफ़सेट गुणों के साथ आता है। निम्नलिखित है और उदाहरण - उदाहरण <!DOCTYPE html> <html> <head> <style> div {    margin: 20px;    border: 1px solid rgb(0, 26, 255);    outline: 4px

  9. कैसे सीएसएस के साथ होवर पर संक्रमण जोड़ने के लिए?

    CSS पर होवर के साथ ट्रांजिशन जोड़ने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI&qu

  10. सीएसएस के साथ तीर कैसे बनाएं?

    सीएसएस के साथ तीर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma,

  11. सीएसएस के साथ अलग-अलग आकार कैसे बनाएं?

    सीएसएस के साथ विभिन्न आकार बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    div {       display: inline-block;   &nbs

  12. सीएसएस के साथ ब्राउज़र विंडो की पूरी ऊंचाई फिट करने के लिए तत्वों को कैसे बढ़ाया जाए?

    सीएसएस के साथ ब्राउज़र विंडो की पूरी ऊंचाई फिट करने के लिए तत्वों को फैलाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <title>Page Title</title> <style>    *{       box-sizing: border-box;    }    h

  13. सीएसएस के साथ ब्राउज़र विंडो उदाहरण कैसे बनाएं?

    CSS के साथ ब्राउज़र विंडो उदाहरण बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } .मेनूबार { बॉर्डर:3px सॉलिड #f1f1f1; बॉर्डर-टॉप-लेफ्ट-रेडियस:4px; सीमा-शीर्ष-दाएं-त्रिज्या:4px; } .menuRow { पैडिंग:10px;

  14. सीएसएस के साथ एक कस्टम स्क्रॉलबार कैसे बनाएं?

    CSS के साथ एक कस्टम स्क्रॉलबार बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI&q

  15. सीएसएस के साथ स्क्रॉलबार कैसे छिपाएं?

    CSS के साथ स्क्रॉलबार को छिपाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body {       height: 150vh;       width: 200vw;       overflow: hidden;       font-family: "Se

  16. CSS के साथ डिफरेंट डिवाइस लुक (स्मार्टफोन, टैबलेट और लैपटॉप) कैसे बनाएं?

    CSS के साथ अलग-अलग डिवाइस लुक बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    .mobileDevice {       position: relative; &nb

  17. सीएसएस के साथ एक संपादन योग्य तत्व से सीमा को कैसे हटाएं?

    एक संपादन योग्य तत्व से सीमा को हटाने के लिए, कोड इस प्रकार है - उदाहरण body{ font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } p{ फ़ॉन्ट-आकार:40पीएक्स; } [संतोषजनक] { रूपरेखा:0px ठोस पारदर्शी; }कंटेंटेडेबल बॉर्डर उदाहरण हटाएंयह एक संतोषजनक संपादन योग्य पैराग्राफ है जिसे आप संपादित कर सक

  18. CSS के साथ प्लेसहोल्डर एट्रिब्यूट का रंग कैसे बदलें?

    CSS के साथ प्लेसहोल्डर एट्रिब्यूट का रंग बदलने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "

  19. सीएसएस और जावास्क्रिप्ट के साथ स्क्रॉल पर हेडर को कैसे सिकोड़ें?

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

  20. CSS के साथ रिस्पॉन्सिव प्राइसिंग टेबल कैसे बनाएं?

    CSS के साथ एक रिस्पॉन्सिव प्राइसिंग टेबल बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style>    * {       box-sizing: border-b

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