-
CSS3 मल्टी-कॉलम कॉलम-नियम प्रॉपर्टी
नियमों की संख्या निर्दिष्ट करने के लिए बहु-स्तंभ-स्तंभ-नियम गुण का उपयोग किया जाता है। आप CSS3 में कॉलम-नियम प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> .mult
-
CSS3 मल्टी-कॉलम कॉलम-फिल प्रॉपर्टी
CSS3 मल्टी-कॉलम कॉलम-फिल प्रॉपर्टी का उपयोग यह तय करने के लिए किया जाता है कि कॉलम कैसे भरें। उदाहरण कॉलम-फिल प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <html> <head> <style> .mult
-
CSS3 मल्टी-कॉलम कॉलम-गैप प्रॉपर्टी
कॉलम के बीच गैप तय करने के लिए मल्टी-कॉलम कॉलम-गैप प्रॉपर्टी का इस्तेमाल किया जाता है। उदाहरण आप कॉलम-गैप प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं <html> <head> <style> .multi {  
-
CSS3 मल्टी-कॉलम नियम-रंग संपत्ति
कॉलम नियम रंग निर्दिष्ट करने के लिए बहु-स्तंभ नियम-रंग गुण का उपयोग किया जाता है। आप CSS3 में एक नियम-रंग गुण को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> .multi {
-
CSS3 मल्टी-कॉलम कॉलम-स्पैन प्रॉपर्टी
कॉलम-स्पैन प्रॉपर्टी का इस्तेमाल कॉलम के बीच स्पैन को निर्दिष्ट करने के लिए किया जाता है। आप CSS का उपयोग करके कॉलम-स्पैन प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> .multi { /* Column cou
-
सीएसएस के साथ एक्स-अक्ष और वाई-अक्ष के साथ तत्व को रूपांतरित करें
एक्स-अक्ष और वाई-अक्ष के साथ तत्व को बदलने के लिए अनुवाद (एक्स, वाई) विधि का प्रयोग करें। आइए सिंटैक्स देखें translate(x,y) यहाँ, x एक लंबाई है जो अनुवाद करने वाले सदिश के x-निर्देशांक को दर्शाती है। y एक लंबाई है जो अनुवाद करने वाले वेक्टर की कोटि को दर्शाती है आइए एक उदाहरण देखें div {
-
CSS का उपयोग करके तत्व को x-अक्ष के साथ रूपांतरित करें
एक्स-अक्ष के साथ तत्व को बदलने के लिए ट्रांसलेटएक्स (एन) विधि का प्रयोग करें। आइए सिंटैक्स देखें translateX(n) यहाँ, n एक लंबाई है जो अनुवाद करने वाले वेक्टर के भुज को दर्शाती है। आइए एक उदाहरण देखें div { width: 50px; height: 50px; background-color: black;
-
CSS का उपयोग करके तत्व को y- अक्ष के साथ रूपांतरित करें
वाई-अक्ष के साथ तत्व को बदलने के लिए वाई (एन) विधि का अनुवाद करने के लिए प्रयुक्त होता है। आइए सिंटैक्स देखें: translateY(n) यहाँ, n एक लंबाई है जो अनुवाद करने वाले वेक्टर के भुज को दर्शाती है। उदाहरण आइए एक उदाहरण देखें - div { width: 50px; height: 50px; ba
-
CSS का उपयोग करके तत्व की चौड़ाई बदलें
CSS के साथ तत्व की चौड़ाई बदलने के लिए scaleX() विधि का उपयोग करें। आइए सिंटैक्स देखें - scaleX(n); यहाँ, n एक संख्या है जो स्केलिंग कारक का प्रतिनिधित्व करती है। आइए एक उदाहरण देखें div { width: 40px; height: 50px; background-color: black; } .myScaled { &nb
-
CSS का उपयोग करके तत्व की ऊंचाई बदलें
CSS के साथ तत्व की ऊंचाई बदलने के लिए scaleY() विधि का उपयोग करें। आइए सिंटैक्स देखें - scaleY(n); यहाँ, n एक संख्या है जो स्केलिंग कारक का प्रतिनिधित्व करती है। आइए एक उदाहरण देखें - div { width: 40px; height: 50px; background-color: black; } .myScaled { &n
-
CSS का उपयोग करके तत्व की चौड़ाई और ऊंचाई बदलें
CSS के साथ तत्व की चौड़ाई और ऊंचाई को बदलने के लिए स्केल () विधि का उपयोग करें। आइए सिंटैक्स देखें - scale(x,y); यहाँ, x एक संख्या है जो स्केलिंग वेक्टर के भुज को दर्शाती है। y एक संख्या है जो स्केलिंग वेक्टर के कोटि को दर्शाती है। आइए एक उदाहरण देखें - div { width: 40px; &nb
-
CSS का उपयोग करके तत्व को कोण के आधार पर घुमाएँ
आइए जानें कि कोण के आधार पर तत्व को कैसे घुमाना है उदाहरण <html> <head> <style> div { width: 300px; height: 100px; &
-
सीएसएस का उपयोग करके एक्स अक्ष के साथ तिरछा परिवर्तन को परिभाषित करें
आप सीएसएस का उपयोग करके एक्स-अक्ष के साथ-साथ तिरछा परिवर्तन को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> div { width: 30
-
CSS का उपयोग करके y अक्ष के साथ तिरछा परिवर्तन को परिभाषित करें
आप सीएसएस का उपयोग करके वाई-अक्ष के साथ-साथ तिरछा परिवर्तन को परिभाषित करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> div { width:
-
CSS3 एनिमेशन @keyframes
कीफ़्रेम CSS3 में मध्यवर्ती एनिमेशन चरणों को नियंत्रित करते हैं। आइए कीफ्रेम सिंटैक्स के साथ ऊंचाई, चौड़ाई, रंग, नाम और एनीमेशन की अवधि दिखाने के लिए एक उदाहरण देखें @keyframes animation { from {background-color: pink;} to {background-color: green;} } div { wi
-
निर्धारित करें कि ओवरफ्लो होने वाली सामग्री जो प्रदर्शित नहीं होती है, उसे CSS वाले उपयोगकर्ताओं को कैसे संकेतित किया जाता है
टेक्स्ट-ओवरफ़्लो प्रॉपर्टी का उपयोग यह निर्धारित करने के लिए किया जाता है कि प्रदर्शित नहीं होने वाली ओवरफ्लो सामग्री को सीएसएस वाले उपयोगकर्ताओं को कैसे संकेतित किया जाता है। उदाहरण आप सीएसएस में टेक्स्ट-ओवरफ्लो प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <html> &nbs
-
CSS के साथ शब्द के आधार पर लाइन को तोड़ें
CSS वाले शब्द पर आधारित लाइन को तोड़ने के लिए वर्ड-ब्रेक प्रॉपर्टी का उपयोग करें। आप सीएसएस में शब्द-विराम गुण को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> <style> p.tex
-
लाइन को तोड़ें और CSS के साथ अगली लाइन पर रैप करें
लाइन को तोड़ने और अगली लाइन पर रैप करने के लिए वर्ड-रैप प्रॉपर्टी का इस्तेमाल करें। CSS में वर्ड-रैप प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &
-
सीएसएस में वेब फ़ॉन्ट्स
वेब फोंट का उपयोग सीएसएस में फोंट को अनुमति देने के लिए किया जाता है, जो स्थानीय सिस्टम पर स्थापित नहीं होते हैं। उदाहरण निम्नलिखित कोड फ़ॉन्ट चेहरे का नमूना कोड दिखाता है: <html> <head> <style> @font-face { &nbs
-
CSS3 में 2D रूपांतरित होता है
2डी ट्रांस्फ़ॉर्म का उपयोग एलिमेंट स्ट्रक्चर को ट्रांसलेट, रोटेट, स्केल और स्क्यू के रूप में फिर से बदलने के लिए किया जाता है। निम्न तालिका में सामान्य मान शामिल हैं जो 2डी ट्रांसफ़ॉर्म में उपयोग किए जाते हैं S.No मान और विवरण 1 matrix(n,n,n,n,n,n) छह मानों के साथ मैट्रिक्स रूपांतरण को परि