Una Kravets
Mason Freed
CSS অ্যাঙ্কর পজিশনিং Chrome 125- এ প্রকাশিত হয়েছিল। API-এর এই প্রথম সর্বজনীনভাবে-উপলভ্য সংস্করণটি সিনট্যাক্স সম্পর্কে অতিরিক্ত আলোচনার সূত্রপাত করেছে। সেই আলোচনার ফলস্বরূপ, বৈশিষ্ট্যটি চালু হওয়ার পর থেকে কিছু সামান্য পরিবর্তন হয়েছে। আপনি যদি ইতিমধ্যেই CSS অ্যাঙ্কর পজিশনিং চেষ্টা করে থাকেন, তাহলে এই পোস্টটি আপনার কোডে বা অ্যাঙ্কর পজিশনিং সম্পর্কিত বিষয়বস্তুতে যে পরিবর্তনগুলি করতে হবে তা ব্যাখ্যা করে৷
দুটি প্রাথমিক সম্পত্তির পুনঃনাম রয়েছে যা আপনার সচেতন হওয়া উচিত:
-
inset-areaনাম পরিবর্তন করেposition-areaরাখা হয়েছে। এই পুনঃনামটি CSS ওয়ার্কিং গ্রুপ দ্বারা পছন্দ করা হয়েছে কারণ বাক্যাংশেরposition-আপনাকে মনে রাখতে সাহায্য করে যে এই বৈশিষ্ট্যটি অবস্থানকৃত উপাদানে প্রয়োগ করা হয়েছে, অ্যাঙ্কর উপাদান নয়। এই পরিবর্তনটি Chrome 129- এ শুরু হবে এবং আপনার কাছে থাকা যেকোনো ডেমো বা নিবন্ধ আপডেট করার জন্য আপনাকে সময় দিতে Chrome 131 পর্যন্তinset-areaসমর্থিত। -
position-try-optionsনাম পরিবর্তন করেposition-try-fallbacksহয়েছে। এই পুনঃনামটি আপনাকে মনে রাখতে সাহায্য করে যে এগুলি প্রাথমিক অবস্থানে শুধুমাত্র ফলব্যাক, যা ভিত্তি শৈলী দ্বারা নির্ধারিত হয়। এই পরিবর্তনটি Chrome 128- এর সাথে পাঠানো হয়েছে, এবংposition-try-optionsআর 128 সংস্করণের মতো কাজ করে না। আমরা আপনাকে শর্টহ্যান্ড ব্যবহার করার পরামর্শ দিই (এটিposition-tryপরিবর্তন করুন), যা Chrome 125 থেকে কাজ করে এবং পরিবর্তিত হয়নি৷
এছাড়াও একটি অতিরিক্ত আচরণগত পরিবর্তন আছে:
-
inset-area()ফাংশনাল সিনট্যাক্সposition-tryথেকে সরানো হচ্ছে। তাইposition-try-fallbacks: topএর পরিবর্তেposition-try-fallbacks: inset-area(top)। এই পরিবর্তনটি Chrome 129- এও শুরু হবে।
এখানে অ্যাঙ্কর পজিশনিং ব্যবহার সম্পর্কে আরও জানুন: