display
लेआउट
तय करता है कि तत्व किस तरह का बॉक्स बने — हर लेआउट का शुरुआती बिंदु।
| कैसे लिखें | display: block; |
|---|---|
| सामान्य मान | block, inline, flex, grid, inline-block, none, contents |
| विरासत | नहीं — यहीं रुक जाती है |
| श्रेणी | लेआउट |
कैसे पढ़ें
- विरासत में जाने वाली प्रॉपर्टी मूल तत्व पर एक बार लिखें — सभी बच्चे उसे पा लेते हैं। पाठ की अधिकांश प्रॉपर्टी ऐसी ही हैं।
- शॉर्टहैंड छोड़े गए मान रीसेट कर देता है। सिर्फ़ background: red लिखने पर पहले लगाई पृष्ठभूमि छवि भी मिट जाती है।
- नियम टकराएँ तो अधिक विशिष्ट सिलेक्टर जीतता है; विशिष्टता बराबर हो तभी क्रम तय करता है।
- सहजता के लिए transform और opacity एनिमेट करें। width या top बदलने पर लेआउट दोबारा गणना करनी पड़ती है।
अक्सर पूछे जाने वाले सवाल
Q. CSS display प्रॉपर्टी क्या है?
तय करता है कि तत्व किस तरह का बॉक्स बने — हर लेआउट का शुरुआती बिंदु।
Q. display कैसे लिखें?
इस तरह: display: block; सामान्य मान: block, inline, flex, grid।
Q. क्या display विरासत में जाती है?
नहीं। यह वहीं लागू होती है जहाँ लिखी जाए, इसलिए हर तत्व के लिए अलग लिखनी पड़ती है।
Q. display किस समूह की है?
लेआउट समूह की।