CSS @supports নিয়ম

বিবরণ ও ব্যবহার

CSS @supports নিয়মটি ব্রাউজারকে কোনও CSS বৈশিষ্ট্যকে সমর্থন করা যায় কি না পরীক্ষা করতে ব্যবহৃত হয়, এবং সমর্থন না করলে প্রতিকারী শৈলী নির্দেশ করে。

উদাহরণ

যদি ব্রাউজার display: grid-এর সমর্থন করে, তবে অ্যাপ্লাই করুন @supports নিয়মের ভিতরের CSS।যদি সমর্থন না করে, তবে অ্যাপ্লাই করুন @supports নিয়ম বাইরের .container শৈলী:

/* যদি ব্রাউজার display: grid-এর সমর্থন না করে, তবে এই CSS-কে অ্যাপ্লাই করুন */
.container {
  display: table;
  width: 90%;
  background-color: #2196F3;
  padding: 10px;
}
/* যদি ব্রাউজার display: grid-এর সমর্থন করে, তবে এই CSS-কে অ্যাপ্লাই করুন */
@supports (display: grid) {
  .container {
    display: grid;
    grid: auto;
    grid-gap: 10px;
    background-color: #2196F3;
    padding: 10px;
  }
}

স্বয়ং প্রয়োগ করুন

CSS সিন্ট্যাক্স

@supports (supports-condition) {
  /* যদি শর্ত সত, তবে এই CSS-কে অ্যাপ্লাই করুন */
}

প্রতিমান

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

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