gap
फ़्लेक्स और ग्रिड
आइटम के बीच की जगह — मार्जिन के उलट बाहर कुछ नहीं जुड़ता।
| कैसे लिखें | gap: 0; |
|---|---|
| सामान्य मान | 0, 1rem, 8px 16px |
| विरासत | नहीं — यहीं रुक जाती है |
| एक साथ तय करता है | row-gap, column-gap |
| श्रेणी | फ़्लेक्स और ग्रिड |
कैसे पढ़ें
- विरासत में जाने वाली प्रॉपर्टी मूल तत्व पर एक बार लिखें — सभी बच्चे उसे पा लेते हैं। पाठ की अधिकांश प्रॉपर्टी ऐसी ही हैं।
- शॉर्टहैंड छोड़े गए मान रीसेट कर देता है। सिर्फ़ background: red लिखने पर पहले लगाई पृष्ठभूमि छवि भी मिट जाती है।
- नियम टकराएँ तो अधिक विशिष्ट सिलेक्टर जीतता है; विशिष्टता बराबर हो तभी क्रम तय करता है।
- सहजता के लिए transform और opacity एनिमेट करें। width या top बदलने पर लेआउट दोबारा गणना करनी पड़ती है।
अक्सर पूछे जाने वाले सवाल
Q. CSS gap प्रॉपर्टी क्या है?
आइटम के बीच की जगह — मार्जिन के उलट बाहर कुछ नहीं जुड़ता।
Q. gap कैसे लिखें?
इस तरह: gap: 0; सामान्य मान: 0, 1rem, 8px 16px।
Q. क्या gap विरासत में जाती है?
नहीं। यह वहीं लागू होती है जहाँ लिखी जाए, इसलिए हर तत्व के लिए अलग लिखनी पड़ती है।
Q. gap शॉर्टहैंड क्या-क्या तय करता है?
row-gap, column-gap — और जो छोड़ा जाए वह डिफ़ॉल्ट पर लौट जाता है।