অ্যাঙ্কর পজিশনিং সিনট্যাক্স পরিবর্তন

উনা ক্রেভেটস
মেসন মুক্ত
Mason Freed
X GitHub

CSS অ্যাঙ্কর পজিশনিং Chrome 125 -এ প্রকাশিত হয়েছিল। API-এর এই প্রথম সর্বজনীনভাবে-উপলভ্য সংস্করণটি সিনট্যাক্স সম্পর্কে অতিরিক্ত আলোচনার সূত্রপাত করেছে। সেই আলোচনার ফলস্বরূপ, বৈশিষ্ট্যটি চালু হওয়ার পর থেকে কিছু সামান্য পরিবর্তন হয়েছে। আপনি যদি ইতিমধ্যেই CSS অ্যাঙ্কর পজিশনিং চেষ্টা করে থাকেন, তাহলে এই পোস্টটি আপনার কোডে বা অ্যাঙ্কর পজিশনিং সম্পর্কিত বিষয়বস্তুতে যে পরিবর্তনগুলি করতে হবে তা ব্যাখ্যা করে৷

দুটি প্রাথমিক সম্পত্তির পুনঃনাম রয়েছে যা আপনার সচেতন হওয়া উচিত:

  1. inset-area নাম পরিবর্তন করে position-area হয়েছে। এই পুনঃনামটি CSS ওয়ার্কিং গ্রুপ দ্বারা পছন্দ করা হয়েছে কারণ বাক্যাংশের position- আপনাকে মনে রাখতে সাহায্য করে যে এই বৈশিষ্ট্যটি অবস্থানকৃত উপাদানে প্রয়োগ করা হয়েছে, অ্যাঙ্কর উপাদান নয়। এই পরিবর্তনটি Chrome 129 -এ শুরু হবে এবং আপনার কাছে থাকা যেকোনো ডেমো বা নিবন্ধ আপডেট করার জন্য আপনাকে সময় দিতে Chrome 131 পর্যন্ত inset-area সমর্থিত।
  2. 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 -এও শুরু হবে।

এখানে অ্যাঙ্কর পজিশনিং ব্যবহার সম্পর্কে আরও জানুন: