CSS @কন্টেনার নিয়ম

course recommendation:

defining and usage CSS 语法 CSS

এই নিয়মটি কনটেনারের মাপ অথবা শৈলী ভিত্তিতে অন্যান্য ইলেকট্রনিকের জন্য শৈলী নির্ধারণ করার জন্য ব্যবহৃত হয়。

শৈলী ঘোষণাগুলি পরিস্থিতির ভিত্তিতে ফিল্টার করা হয়, যদি পরিস্থিতি সত্য, তবে কনটেনারের উপর অ্যাপ্লাই করা হয়। যখন কনটেনারের মাপ অথবা শৈলী মান পরিবর্তিত হয়, পরিস্থিতি পুনর্মূল্যায়ন করা হয়。সুপারিশ:

একটি কনটেনার হল, অন্যান্য ইলেকট্রনিকের গোষ্ঠীকরণ করে, তাদের শৈলী নির্ধারণ করার জন্য ব্যবহৃত হয়。

প্রদত্ত

কনটেনারের মাপ অথবা শৈলী ভিত্তিতে অন্যান্য ইলেকট্রনিকের জন্য শৈলী নির্ধারণ করুন:
  .parent {
  container-name: myContainer;
css declarations
container-type: inline-size;
/* Add styles if myContainer is less than 500px wide */
  @container myContainer (width < 500px) {
    .child {
    width: 50%;
    border: 2px solid maroon;
  css declarations
css declarations

background-color: salmon;

亲自试一试

CSS 语法 বর্ণনা @containercontainerquery(
  ) {
css declarations

}

ব্রাউজার সমর্থন

টেবিলের সংখ্যা হল প্রথম এই @ নিয়মটি সম্পূর্ণরূপে সমর্থনকারী ব্রাউজারের সংস্করণ。