Chrome 142-এ নতুন

র‍্যাচেল অ্যান্ড্রু

প্রকাশিত: ২৮ অক্টোবর, ২০২৫

Chrome 142 এখন চালু হচ্ছে, এবং এই পোস্টে রিলিজের কিছু মূল বৈশিষ্ট্য শেয়ার করা হয়েছে। সম্পূর্ণ Chrome 142 রিলিজ নোট পড়ুন।

এই প্রকাশনার উল্লেখযোগ্য বিষয়গুলি:

:target-before এবং :target-after ছদ্ম-ক্লাস

এই ছদ্ম-ক্লাসগুলি একই স্ক্রোল মার্কার গ্রুপের মধ্যে সক্রিয় মার্কার ( :target-current সাথে মিলে যাওয়া) এর আগে বা পরে থাকা স্ক্রোল মার্কারগুলির সাথে মেলে, যা ফ্ল্যাট ট্রি অর্ডার দ্বারা নির্ধারিত হয়:

  • :target-before : গ্রুপের মধ্যে ফ্ল্যাট ট্রি অর্ডারে সক্রিয় মার্কারের পূর্বে থাকা সমস্ত স্ক্রোল মার্কারগুলির সাথে মিল করে।
  • :target-after : গ্রুপের মধ্যে ফ্ল্যাট ট্রি অর্ডারে সক্রিয় মার্কার অনুসরণকারী সমস্ত স্ক্রোল মার্কারগুলির সাথে মিল করে।

স্টাইল কন্টেইনার কোয়েরির জন্য রেঞ্জ সিনট্যাক্স এবং if()

ক্রোম রেঞ্জ সিনট্যাক্সের জন্য সমর্থন যোগ করে CSS স্টাইল কোয়েরি এবং if() ফাংশনকে উন্নত করে।

এটি স্টাইল কোয়েরিগুলিকে সঠিক মান মিলের বাইরেও প্রসারিত করে (উদাহরণস্বরূপ, style(--theme: dark) )। ডেভেলপাররা কাস্টম বৈশিষ্ট্য, আক্ষরিক মান (উদাহরণস্বরূপ, 10px বা 25%) এবং attr() এবং env() মতো প্রতিস্থাপন ফাংশন থেকে মান তুলনা করতে তুলনামূলক অপারেটর (যেমন > এবং < ) ব্যবহার করতে পারেন। একটি বৈধ তুলনার জন্য, উভয় পক্ষকে একই ডেটা টাইপে সমাধান করতে হবে। এটি নিম্নলিখিত সংখ্যাসূচক প্রকারের মধ্যে সীমাবদ্ধ: <length> , <number> , <percentage> , <angle> , <time> , <frequency> , এবং <resolution> .

উদাহরণ:

একটি কাস্টম প্রপার্টির সাথে একটি আক্ষরিক দৈর্ঘ্যের তুলনা করুন:

@container style(--inner-padding > 1em) {
  .card {
    border: 2px solid;
  }
}

দুটি আক্ষরিক মানের তুলনা করুন

@container style(1em < 20px) {
  /* ... */
}

if() এ স্টাইল রেঞ্জ ব্যবহার করা হচ্ছে:

.item-grid {
  background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}

ইন্টারেস্ট ইনভোকার ( interestfor অ্যাট্রিবিউট)

Chrome <button> এবং <a> এলিমেন্টে একটি interestfor অ্যাট্রিবিউট যোগ করে। এই অ্যাট্রিবিউটটি এলিমেন্টে "interest" আচরণ যোগ করে। যখন একজন ব্যবহারকারী এলিমেন্টে আগ্রহ দেখায় , তখন টার্গেট এলিমেন্টে অ্যাকশন ট্রিগার করা হয়, উদাহরণস্বরূপ, একটি পপওভার দেখানো।

ব্যবহারকারী যখন উপাদানটির উপর পয়েন্টার ধরে রাখা, কীবোর্ডে বিশেষ হটকি টিপে রাখা, অথবা টাচস্ক্রিনে উপাদানটি দীর্ঘক্ষণ টিপে রাখার মতো পদ্ধতির মাধ্যমে উপাদানটির প্রতি আগ্রহ দেখায় তখন ব্যবহারকারী এজেন্ট সনাক্ত করে। যখন আগ্রহ দেখানো হয় বা হারিয়ে যায়, তখন একটি InterestEvent লক্ষ্যবস্তুতে সক্রিয় হয়, যার পপওভারের জন্য ডিফল্ট ক্রিয়া থাকে, যেমন পপওভার দেখানো এবং লুকানো।

আরও পড়া

এটি শুধুমাত্র কিছু গুরুত্বপূর্ণ বিষয় নিয়ে আলোচনা করে। Chrome 141-এ অতিরিক্ত পরিবর্তনের জন্য নিম্নলিখিত লিঙ্কগুলি দেখুন।

সাবস্ক্রাইব

আপডেট থাকার জন্য, Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং আমরা যখনই একটি নতুন ভিডিও লঞ্চ করব তখন আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন। অথবা নতুন নিবন্ধ এবং ব্লগ পোস্টের জন্য X বা LinkedIn-এ আমাদের অনুসরণ করুন।

Chrome 143 রিলিজ হওয়ার সাথে সাথেই, আমরা আপনাকে Chrome-এ নতুন কী আছে তা জানাতে এখানেই থাকব!