কম্যান্ড supports
কম্যান্ড @supports ব্রাউজার দ্বারা সমর্থিত কার্যকারিতার ভিত্তিতে উপাদানগুলির জন্য স্টাইল নির্দিষ্ট করে।
এই কম্যান্ডে আপনি লজিক্যাল অপারেটর not,
and, or ব্যবহার করে শর্ত তৈরি করতে পারেন।
সিনট্যাক্স
@supports condition {
}
উদাহরণ
আসুন একটি শর্ত সেট করি যে যদি আপনার ব্রাউজার
display প্রপার্টিকে flex মান দিয়ে সমর্থন করে,
তাহলে শুধুমাত্র সংশ্লিষ্ট টেক্সট সহ প্যারাগ্রাফটি প্রদর্শিত হবে,
এবং এর ফন্টের রঙ হবে নীল:
<p class="yes">Your browser support display: flex.</p>
<p class="no">Your browser does not support display: flex.</p>
@supports (display: flex) {
.no {
display: none;
}
p {
color: #467CBC;
}
}
@supports not (display: flex) {
.yes {
display: none;
}
}
:
আরও দেখুন
-
কম্যান্ড
@import,
যা একটি CSS ফাইল ইম্পোর্ট করে -
কম্যান্ড
@media,
যা মিডিয়া টাইপের জন্য স্টাইল নির্দিষ্ট করে -
কম্যান্ড
!important,
যা স্টাইলের অগ্রাধিকার নির্দিষ্ট করে
