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

CSS

  1. CSS3 . में HSLA रंग मान

    HSLA रंग मान ह्यू, संतृप्ति, लपट और अल्फा के लिए है। अल्फा रंग अस्पष्टता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 0.0 पूरी तरह से पारदर्शी के लिए है, जबकि 1.0 पूर्ण अपारदर्शी के लिए है। उदाहरण #demo1 {पृष्ठभूमि-रंग:hsla(140, 100%, 50%, 0.8);} #demo2 {पृष्ठभूमि-रंग:hsla(130, 100) %, 50%, 0.6);} #

  2. CSS रोटेट () फंक्शन

    CSS में रोटेट () फंक्शन एक एलीमेंट को रोटेट करता है। पैरामीटर रोटेशन के लिए कोण सेट करता है। मान डिग्री, रेडियन आदि हो सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo1 {background-color: hsla(140, 100%, 50%, 0.8);} #demo2 {background-color: hsla(130, 100%, 50%, 0

  3. CSS में फिक्स्ड पोजिशनिंग

    स्थिति के साथ एक तत्व सेट:निश्चित; पृष्ठ स्क्रॉल करने पर भी उसी स्थान पर बना रहता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div.demo1 {    position: relative;    color: white;    background-color: orange;    border: 2px dashed bl

  4. CSS का उपयोग करके टेक्स्ट को फ़ॉर्मेट करना

    CSS में टेक्स्ट को फॉर्मेट करने के लिए, आप टेक्स्ट का रंग, टेक्स्ट डेकोरेशन, लाइन की ऊंचाई, टेक्स्ट की दिशा, टेक्स्ट अलाइनमेंट आदि को बदल सकते हैं। आइए कुछ उदाहरण देखें - पाठ संरेखण CSS का उपयोग करके टेक्स्ट अलाइनमेंट सेट करने के लिए, टेक्स्ट-एलाइन प्रॉपर्टी का उपयोग करें। संपत्ति के संभावित मूल्य

  5. सीएसएस स्केल () फ़ंक्शन

    CSS में स्केल () फ़ंक्शन का उपयोग एक परिवर्तन को परिभाषित करने के लिए किया जाता है जो 2D विमान पर एक तत्व का आकार बदलता है। प्रत्येक दिशा में स्केलिंग की मात्रा को स्केल () फ़ंक्शन के पैरामीटर के रूप में सेट करें। उदाहरण .translate_img { ट्रांसलेट:ट्रांसलेट (100px, 10%);}.scale_img { ट्रांसफॉर्म:स्क

  6. सीएसएस में एम के साथ फ़ॉन्ट आकार सेट करना

    CSS में font-size गुण सेट करने के लिए, आप em का उपयोग कर सकते हैं। यह तब फायदेमंद होता है जब आपको टेक्स्ट के लिए पिक्सेल सटीकता की आवश्यकता होती है। डिफ़ॉल्ट रूप से 1em =16px, और 2em =32px। उदाहरण <!DOCTYPE html> <html> <head> <style> .demo {    text-decoration: ove

  7. CSS में टेक्स्ट पर उपयोग की जाने वाली सजावट के प्रकार को सेट करें

    टेक्स्ट पर उपयोग की जाने वाली सजावट के प्रकार को सेट करने के लिए, टेक्स्ट-डेकोरेशन-लाइन प्रॉपर्टी का उपयोग करें। CSS में, हमारे पास टेक्स्ट डेकोरेशन के लिए निम्नलिखित विकल्प हैं - text-decoration-line: none|underline|overline|line-through|initial|inherit; उदाहरण <!DOCTYPE html> <html> &l

  8. CSS का उपयोग करके डिफ़ॉल्ट प्रदर्शन मान बदलना

    CSS में प्रत्येक तत्व का एक डिफ़ॉल्ट प्रदर्शन मान होता है और हम आसानी से बदल सकते हैं। यह प्रदर्शन गुण मान सेट करने की व्याख्या द्वारा अस्वीकार किया गया है। आइए एक उदाहरण देखें जिसमें हम क्षैतिज मेनू के लिए इनलाइन डिस्प्ले प्रॉपर्टी वैल्यू सेट कर रहे हैं - उदाहरण p { बैकग्राउंड-कलर:ऑरेंज; color:whit

  9. CSS का उपयोग करके ब्लॉक प्रदर्शित करें

    डिस्प्ले प्रॉपर्टी वैल्यू ब्लॉक का उपयोग एक तत्व को एक नई लाइन पर शुरू करने के लिए बनाता है। इसके साथ, यह पूरी चौड़ाई लेता है। इसलिए, तत्व को ब्लॉक तत्व के रूप में प्रदर्शित किया जाता है। उदाहरण आइए अब CSS में डिस्प्ले ब्लॉक को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> &

  10. CSS में टेक्स्ट डेकोरेशन की शैली सेट करें

    टेक्स्ट डेकोरेशन की शैली सेट करने के लिए, टेक्स्ट-डेकोरेशन-स्टाइल प्रॉपर्टी का उपयोग करें। आप निम्न मानों का उपयोग कर सकते हैं - text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> span {    text-decor

  11. CSS में ग्रिड टेम्पलेट गुण सेट करें

    ग्रिड टेम्पलेट गुण सेट करने के लिए, आपको पंक्तियों और स्तंभों की संख्या निर्दिष्ट करनी होगी। इसके साथ ही ग्रिड लेआउट के भीतर के क्षेत्रों को भी सेट करें। ग्रिड टेम्प्लेट के लिए सिंटैक्स समान दर्शाता है - grid-template: none|grid-template-rows / grid-template-columns|grid-template-areas|ini

  12. CSS में ग्रिड लेआउट के भीतर क्षेत्र सेट करें

    ग्रिड लेआउट के भीतर क्षेत्रों को सेट करने के लिए, ग्रिड-टेम्पलेट-क्षेत्र संपत्ति का उपयोग करें। आइए अब एक उदाहरण देखें - उदाहरण डिव {पृष्ठभूमि-रंग:नारंगी; पाठ-संरेखण:केंद्र; पैडिंग:5px 0; font-size:30px;}Heading Oneकुछ रैंडम नंबर सेट करें250120333298 645543555

  13. सीएसएस हाइफ़न संपत्ति

    हाइफ़न गुण का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि जब पाठ कई पंक्तियों में लपेटता है तो शब्दों को कैसे हाइफ़न किया जाता है। इसके निम्नलिखित मान हैं - hyphens: none|manual|auto|initial|inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> div {    width: 50

  14. सीएसएस अलगाव संपत्ति

    आइसोलेशन प्रॉपर्टी का उपयोग यह परिभाषित करने के लिए किया जाता है कि क्या किसी तत्व को एक नई स्टैकिंग सामग्री बनानी चाहिए। वाक्य रचना इस प्रकार है - सिंटैक्स isolation: auto|isolate|initial|inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> .demo1 {    background-

  15. सीएसएस में वस्तु-स्थिति संपत्ति

    ऑब्जेक्ट-पोज़िशन प्रॉपर्टी का इस्तेमाल यह निर्दिष्ट करने के लिए किया जाता है कि हमें इमेज या वीडियो को अपने बॉक्स के अंदर कैसे रखना चाहिए। उदाहरण <!DOCTYPE html> <html> <head> <style> img.demo {    width: 200px;    height: 200px;    object-fit: n

  16. CSS3 में एचएसएल रंग मान

    जब तत्वों के लिए रंग सेट किया जाता है तो HSL ह्यू, संतृप्ति और लपट के लिए होता है। ह्यू वैल्यू 0 से 260 तक है, जिसमें 0 या 360 रेड के लिए, 240 ब्ल्यू के लिए, जबकि 120 ग्रीन के लिए है। संतृप्ति और हल्कापन एक प्रतिशत मान है। उदाहरण आइए अब एचएसएल रंग मानों के लिए एक उदाहरण देखें - <!DOCTYPE html>

  17. CSS रेस्ट-आफ्टर स्पीच मीडिया प्रॉपर्टी

    सीएसएस रेस्ट-आफ्टर प्रॉपर्टी स्पीच मीडिया के लिए एक एलीमेंट के बाद पॉज सेट करने के लिए उपयोगी है। निम्नलिखित वाक्य रचना है - आराम के बाद: | कोई नहीं | एक्स कमजोर | कमजोर | माध्यम | मजबूत | x-मजबूत यहाँ, x-कमजोर | कमजोर | माध्यम | मजबूत | x-मजबूत विराम की ताकत से बाकी है आइए देखते हैं रेस्ट-आफ्टर

  18. सीएसएस एनिमेशन के साथ लंबवत-संरेखित संपत्ति को एनिमेट करें

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

  19. CSS एनिमेशन के साथ एनिमेट ट्रांसफ़ॉर्म प्रॉपर्टी

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

  20. एनिमेट सीएसएस चौड़ाई संपत्ति

    ऐनिमेशन को चौड़ाई पर लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             width: 300px;

Total 1566 -कंप्यूटर  FirstPage PreviousPage NextPage LastPage CurrentPage:28/79  20-कंप्यूटर/Page Goto:1 22 23 24 25 26 27 28 29 30 31 32 33 34