ऐंकर पोज़िशन के सिंटैक्स में बदलाव

सीएसएस ऐंकर पोज़िशनिंग की सुविधा, Chrome 125 में रिलीज़ की गई थी. एपीआई का यह पहला सार्वजनिक वर्शन, सिंटैक्स के बारे में और चर्चाओं को ट्रिगर करता है . इस बातचीत के बाद, इस सुविधा को लॉन्च करने के बाद कुछ बदलाव किए गए हैं. अगर आपने पहले ही सीएसएस ऐंकर पोज़िशनिंग आज़मा ली है, तो इस पोस्ट में बताया गया है कि आपको अपने कोड या ऐंकर पोज़िशनिंग के कॉन्टेंट में कौनसे बदलाव करने होंगे.

प्रॉपर्टी के नाम बदलने के दो मुख्य तरीके हैं, जिनके बारे में आपको पता होना चाहिए:

  1. inset-area का नाम बदलकर position-area कर दिया गया. सीएसएस वर्किंग ग्रुप ने इस नाम को बदलने का सुझाव दिया था, क्योंकि position- वाक्यांश से आपको यह याद रखने में मदद मिलती है कि यह प्रॉपर्टी, पोज़िशन किए गए एलिमेंट पर लागू होती है, न कि ऐंकर एलिमेंट पर. यह बदलाव, Chrome 129 से शुरू होगा. inset-area, Chrome 131 तक काम करेगा, ताकि आपके पास अपने डेमो या लेखों को अपडेट करने का समय हो.
  2. position-try-options का नाम बदलकर position-try-fallbacks कर दिया गया. नाम बदलने से आपको यह याद रखने में मदद मिलती है कि ये प्राइमरी पोज़िशन के लिए सिर्फ़ फ़ॉलबैक हैं. प्राइमरी पोज़िशन, बेस स्टाइल से तय होती है. यह बदलाव, Chrome के 128 वर्शन के साथ आया था. position-try-options अब 128 वर्शन के साथ काम नहीं करता. हमारा सुझाव है कि आप शॉर्टहैंड का इस्तेमाल करें. इसे position-try में बदलें. यह शॉर्टहैंड, Chrome 125 से काम करता है और इसमें कोई बदलाव नहीं हुआ है.

व्यवहार में एक और बदलाव भी किया गया है:

  • inset-area()फ़ंक्शनल सिंटैक्स को position-try से हटाया जा रहा है. इसलिए, position-try-fallbacks: inset-area(top) के बजाय position-try-fallbacks: top का इस्तेमाल करें. यह बदलाव, Chrome 129 में भी शुरू होगा.

ऐंकर पोज़िशनिंग का इस्तेमाल करने के बारे में यहां ज़्यादा जानें: