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

CSS2 आकार देने वाली संपत्ति बनाम CSS3 बॉक्स आकार देने वाली संपत्ति

<घंटा/>

आइए, CSS2 साइज़िंग प्रॉपर्टी और CSS3 बॉक्स-साइज़िंग प्रॉपर्टी के बीच के अंतर को समझते हैं।

CSS2 आकार देने वाली संपत्ति

     
TutorialsPoint.com


 
TutorialsPoint.com

   
CSS3 बॉक्स-साइज़िंग प्रॉपर्टी
 
     
TutorialsPoint.com


 
TutorialsPoint.com
  1. CSS3 का उपयोग करके बॉक्स-साइज़िंग के साथ लेआउट बनाना

    CSS3 का उपयोग करके बॉक्स-साइज़िंग लेआउट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style> body{    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .container{    width: 500px;    border:8px soli

  1. CSS3 बॉक्स की चौड़ाई के साथ बॉक्स-साइज़िंग

    न केवल तत्व की चौड़ाई, बल्कि ऊंचाई को बदलने के लिए बॉक्स-आकार की संपत्ति का उपयोग करें। CSS3 का उपयोग करके बॉक्स-साइज़िंग के साथ बॉक्स की चौड़ाई के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tah

  1. CSS3 ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी

    ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी हमें ट्रांज़िशन-प्रॉपर्टी, ट्रांज़िशन-अवधि, ट्रांज़िशन-टाइमिंग फ़ंक्शन और ट्रांज़िशन-देरी को एक लाइन में ट्रांज़िशन प्रॉपर्टी के मान के रूप में निर्दिष्ट करने की अनुमति देती है। CSS में ट्रांज़िशन शॉर्टहैंड प्रॉपर्टी के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html