CSS visibility এটিবিউট
- পূর্ববর্তী পৃষ্ঠা vertical-align
- পরবর্তী পৃষ্ঠা white-space
পরিভাষা ও ব্যবহার
visibility বৈশিষ্ট্যটি ইলেকমেন্টটিকে কিরকম দেখা যাবে নির্দেশ করে。
সুঝাওয়া:অদৃশ্য ইলেকমেন্টও পৃষ্ঠার স্থান দখল করবে। "display" বৈশিষ্ট্যটি ব্যবহার করে পৃষ্ঠা জায়গা দখল না করা অদৃশ্য ইলেকমেন্ট তৈরি করুন
ব্যাখ্যা
এই বৈশিষ্ট্যটি একটি ইলেকমেন্ট থেকে প্রদর্শিত হওয়ার ক্ষমতা নির্দেশ করে। এই অর্থে, ইলেকমেন্টটি তার স্বাভাবিক জায়গা দখল করবে, কিন্তু সম্পূর্ণভাবে অদৃশ্য হবে। মান 'collapse' টেবিল লেআউট থেকে স্তম্ভকে বা সারিকে মুছে ফেলতে ব্যবহৃত হয়。
আরও দেখুন:
CSS শিক্ষাক্রম:CSS স্থানান্তর
HTML DOM পরিচ্ছেদvisibility বৈশিষ্ট্য
CSS ব্যবহার
visibility: visible|hidden|collapse|initial|inherit;
বৈশিষ্ট্যমান
মান | বর্ণনা |
---|---|
visible | ডিফল্ট মান। ইলেকমেন্ট দেখা যায় |
hidden | ইলেকমেন্ট অদৃশ্য |
collapse | টেবিল ইলেকমেন্টের ব্যবহারের সময়, এই মানটি একটি সারিকে বা একটি স্তম্ভকে মুছে ফেলতে পারে, কিন্তু এটি টেবিলের লেআউটকে প্রভাব ফেলবে না। সারিকে বা স্তম্ভকে দখলকৃত জায়গা অন্যান্য কনটেন্টকে দেওয়া হবে। এই মানটি অন্য ইলেকমেন্টের উপর ব্যবহার করা হলে "hidden" হিসাবে দেখা যাবে。 |
inherit | প্রতিবেদন করা হয়েছে যে পিতৃত্ব থেকে visibility বৈশিষ্ট্যের মান উত্তরাধিকার করা হবে。 |
প্রযুক্তিগত বিবরণ
ডিফল্ট মান: | visible |
---|---|
পুরোগামিতা: | yes |
সংস্করণ: | CSS2 |
JavaScript ব্যবহার | object.style.visibility="hidden" |
TIY প্রয়োগ
- ইলেকমেন্টটিকে অদৃশ্য করার কিভাব
- এই উদাহরণটি দেখিয়েছে কিভাবে ইলেকমেন্টটিকে অদৃশ্য করা যায়। আপনি ইলেকমেন্টটিকে দেখাতে চান কি না?
- টেবিল ইলেকমেন্টটিকে collapse হিসাবে সেট করুন
- এই উদাহরণটি দেখিয়েছে কিভাবে টেবিল ইলেকমেন্টটি অবরূপ করা যায়?
ব্রাউজার সমর্থন
টেবিলের সংখ্যা থেকে এই বৈশিষ্ট্যটির প্রথম সমর্থনকারী ব্রাউজারের সংস্করণকে উল্লেখ করেছে。
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
- পূর্ববর্তী পৃষ্ঠা vertical-align
- পরবর্তী পৃষ্ঠা white-space