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

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

<घंटा/>

बॉक्स-साइज़िंग संपत्ति का उपयोग तत्व की ऊंचाई और चौड़ाई को बदलने के लिए किया जाता है। CSS2 के बाद से, बॉक्स प्रॉपर्टी ने काम किया है जैसा कि नीचे दिखाया गया है -

चौड़ाई + पैडिंग + बॉर्डर =किसी तत्व के बॉक्स की वास्तविक दृश्यमान/रेंडर की गई चौड़ाई + पैडिंग + बॉर्डर =किसी तत्व के बॉक्स की वास्तविक दृश्यमान/रेंडर की गई ऊंचाई

उदाहरण

बॉक्स-साइज़िंग प्रॉपर्टी को समझने के लिए, आइए एक उदाहरण देखें:

     
TutorialsPoint.com

TutorialsPoint.com

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

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

  1. सीएसएस में चौड़ाई और ऊंचाई के गुण सीएसएस में चौड़ाई और ऊंचाई के गुण

    हम ऊंचाई और चौड़ाई को विशेष रूप से तत्व की सामग्री के लिए परिभाषित कर सकते हैं, हालांकि इन गुणों में मार्जिन, पैडिंग या बॉर्डर शामिल नहीं हैं। सिंटैक्स CSS हाइट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    height: /*value*/ } CSS चौड़ाई गुण का सिंटैक्स इस प्रकार है - Selector { &nb

  1. सीएसएस में तत्वों की चौड़ाई और ऊंचाई सीएसएस में तत्वों की चौड़ाई और ऊंचाई

    सीएसएस ऊंचाई और चौड़ाई संपत्ति का उपयोग क्रमशः किसी तत्व की ऊंचाई और चौड़ाई निर्दिष्ट करने के लिए किया जाता है। हम अधिकतम-ऊंचाई, अधिकतम-चौड़ाई, न्यूनतम-ऊंचाई और न्यूनतम-चौड़ाई गुणों का उपयोग करके इन गुणों के लिए अधिकतम और न्यूनतम मान भी निर्धारित कर सकते हैं। सिंटैक्स CSS ऊंचाई और CSS चौड़ाई गुण का