मल्टी-कॉलम column-rule प्रॉपर्टी का उपयोग नियमों की संख्या निर्दिष्ट करने के लिए किया जाता है। CSS3 में column-rule प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          .multi {   &

CSS3 मल्टी-कॉलम column-fill प्रॉपर्टी का उपयोग यह तय करने के लिए किया जाता है कि कॉलम्स को कैसे भरा जाए। उदाहरण column-fill प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: <html>    <head>       <style>          .multi {  

मल्टी-कॉलम column-gap प्रॉपर्टी का उपयोग कॉलम्स के बीच गैप तय करने के लिए किया जाता है। उदाहरण column-gap प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: <html>    <head>       <style>          .multi {       &nbs

मल्टी-कॉलम rule-color प्रॉपर्टी का उपयोग कॉलम नियम रंग निर्दिष्ट करने के लिए किया जाता है। CSS3 में rule-color प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          .multi {    

column-span प्रॉपर्टी का उपयोग कॉलम्स के बीच स्पैन निर्दिष्ट करने के लिए किया जाता है। CSS का उपयोग करके column-span प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण   <html> <head> <style>    .multi {       /* कॉलम काउंट प्रॉपर्टी */  

x-axis और y-axis के साथ एलिमेंट को ट्रांसफॉर्म करने के लिए translate(x,y) मेथड का उपयोग करें। आइए सिंटैक्स देखें: translate(x,y) यहां, x ट्रांसलेटिंग वेक्टर के x-coordinate को दर्शाने वाली लंबाई है। y ट्रांसलेटिंग वेक्टर के ordinate को दर्शाने वाली लंबाई है। आइए एक उदाहरण देखें: div {    

x-axis के साथ एलिमेंट को ट्रांसफॉर्म करने के लिए translateX(n) मेथड का उपयोग करें। आइए सिंटैक्स देखें: translateX(n) यहां, n ट्रांसलेटिंग वेक्टर के abscissa को दर्शाने वाली लंबाई है। आइए एक उदाहरण देखें: div {    width: 50px;    height: 50px;    background-color: black

y-axis के साथ एलिमेंट को ट्रांसफॉर्म करने के लिए translateY(n) मेथड का उपयोग किया जाता है। आइए सिंटैक्स देखें: translateY(n) यहां, n ट्रांसलेटिंग वेक्टर के abscissa को दर्शाने वाली लंबाई है। उदाहरण आइए एक उदाहरण देखें: div {    width: 50px;    height: 50px;    backgrou

CSS के साथ एलिमेंट की चौड़ाई बदलने के लिए scaleX() मेथड का उपयोग करें। आइए सिंटैक्स देखें: scaleX(n); यहां, n स्केलिंग फैक्टर को दर्शाने वाली एक संख्या है। आइए एक उदाहरण देखें: div {    width: 40px;    height: 50px;    background-color: black; } .myScaled {   &nbs

CSS के साथ एलिमेंट की ऊंचाई बदलने के लिए scaleY() मेथड का उपयोग करें। आइए सिंटैक्स देखें: scaleY(n); यहां, n स्केलिंग फैक्टर को दर्शाने वाली एक संख्या है। आइए एक उदाहरण देखें: div {    width: 40px;    height: 50px;    background-color: black; } .myScaled {    

CSS के साथ एलिमेंट की चौड़ाई और ऊंचाई बदलने के लिए scale() मेथड का उपयोग करें। आइए सिंटैक्स देखें: scale(x,y); यहां, x स्केलिंग वेक्टर के abscissa को दर्शाने वाली एक संख्या है। y स्केलिंग वेक्टर के ordinate को दर्शाने वाली एक संख्या है। आइए एक उदाहरण देखें: div {    width: 40px;   &n

आइए सीखें कि कोण के आधार पर एलिमेंट को कैसे घुमाया जाए उदाहरण <html>    <head>       <style>          div {             width: 300px;             height: 100px;   &nb

CSS का उपयोग करके x-axis के साथ स्क्यू ट्रांसफॉर्म्स लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          div {             width: 300px;        

CSS का उपयोग करके y-axis के साथ स्क्यू ट्रांसफॉर्म्स परिभाषित करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          div {             width: 300px;       &nb

कीफ्रेम्स CSS3 में इंटरमीडिएट एनिमेशन चरणों को नियंत्रित करते हैं। आइए ऊंचाई, चौड़ाई, रंग, नाम और एनिमेशन अवधि को कीफ्रेम्स सिंटैक्स के साथ दिखाने का एक उदाहरण देखें: @keyframes animation {    from {background-color: pink;}    to {background-color: green;} } div {    w

text-overflow प्रॉपर्टी का उपयोग यह निर्धारित करने के लिए किया जाता है कि CSS के साथ प्रदर्शित नहीं की गई ओवरफ्लो कंटेंट को यूजर्स को कैसे संकेत दिया जाता है। उदाहरण CSS में text-overflow प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: <html>    <head>      

CSS के साथ शब्द के आधार पर लाइन तोड़ने के लिए word-break प्रॉपर्टी का उपयोग करें। CSS में word-break प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          p.text1 {      

लाइन तोड़कर अगली लाइन पर लपेटने के लिए word-wrap प्रॉपर्टी का उपयोग करें। CSS में word-wrap प्रॉपर्टी लागू करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {    

वेब फॉन्ट्स का उपयोग CSS में उन फॉन्ट्स को अनुमति देने के लिए किया जाता है, जो स्थानीय सिस्टम पर इंस्टॉल नहीं हैं। उदाहरण निम्नलिखित कोड @font-face का नमूना कोड दिखाता है: <html>    <head>       <style>          @font-face {  

2D ट्रांसफॉर्म्स का उपयोग एलिमेंट संरचना को ट्रांसलेट, रोटेट, स्केल और स्क्यू के रूप में पुनः बदलने के लिए किया जाता है। निम्नलिखित तालिका में 2D ट्रांसफॉर्म्स में उपयोग किए जाने वाले सामान्य मान शामिल हैं: क्रमांक मान और विवरण 1 matrix(n,n,n,n,n,n)छह मानों के साथ मैट्रिक्स ट्रांसफॉर्म्स पर