in English
দৃশ্যমানতা
উপাদানগুলির দৃশ্যমানতা নিয়ন্ত্রণ করুন, তাদের প্রদর্শন পরিবর্তন না করে, দৃশ্যমানতা ইউটিলিটিগুলির সাথে।
visibility
আমাদের দৃশ্যমানতা ইউটিলিটিগুলির সাথে উপাদানগুলির সেট করুন । এই ইউটিলিটি ক্লাসগুলি মোটেও display
মান পরিবর্তন করে না এবং লেআউটকে প্রভাবিত করে না - .invisible
উপাদানগুলি এখনও পৃষ্ঠায় স্থান নেয়।
ক্লাসের উপাদানগুলি
দৃশ্যত এবং সহায়ক প্রযুক্তি/স্ক্রিন রিডার ব্যবহারকারীদের জন্য
উভয়ই
.invisible
লুকানো হবে
।আবেদন .visible
বা .invisible
প্রয়োজন হিসাবে.
<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
সস
ইউটিলিটি API
ভিজিবিলিটি ইউটিলিটিগুলি আমাদের ইউটিলিটি API-এ ঘোষণা করা হয়েছে scss/_utilities.scss
৷ ইউটিলিটি API কীভাবে ব্যবহার করবেন তা শিখুন।
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
)