box-sizing

लेआउट

तय करता है कि चौड़ाई में पैडिंग और बॉर्डर शामिल हों; border-box में हिसाब आसान रहता है।

कैसे पढ़ें

विरासत में जाने वाली प्रॉपर्टी मूल तत्व पर एक बार लिखें — सभी बच्चे उसे पा लेते हैं। पाठ की अधिकांश प्रॉपर्टी ऐसी ही हैं।
शॉर्टहैंड छोड़े गए मान रीसेट कर देता है। सिर्फ़ background: red लिखने पर पहले लगाई पृष्ठभूमि छवि भी मिट जाती है।
नियम टकराएँ तो अधिक विशिष्ट सिलेक्टर जीतता है; विशिष्टता बराबर हो तभी क्रम तय करता है।
सहजता के लिए transform और opacity एनिमेट करें। width या top बदलने पर लेआउट दोबारा गणना करनी पड़ती है।

Q. CSS box-sizing प्रॉपर्टी क्या है?

Q. box-sizing कैसे लिखें?

इस तरह: box-sizing: content-box; सामान्य मान: content-box, border-box।

Q. क्या box-sizing विरासत में जाती है?

नहीं। यह वहीं लागू होती है जहाँ लिखी जाए, इसलिए हर तत्व के लिए अलग लिखनी पड़ती है।

Q. box-sizing किस समूह की है?

लेआउट समूह की।