বৈশিষ্ট্য visibility

visibility বৈশিষ্ট্যটি একটি উপাদানকে অদৃশ্য করে। এক্ষেত্রে অন্যান্য সমস্ত উপাদান এমনভাবে আচরণ করবে যেন উপাদানটি কোথাও থেকে অদৃশ্য হয়নি।

সিনট্যাক্স

cssসিলেক্টর {
  visibility: visible বা hidden বা collapse;
}

মান	বর্ণনা
`visible`	উপাদানটি দৃশ্যমান।
`hidden`	উপাদানটি অদৃশ্য হয়ে যায়, যেন স্বচ্ছ এবং একই সময়ে এটি পৃষ্ঠার ফরম্যাটিং-এ অংশগ্রহণ করতে থাকে।
`collapse`	যদি টেবিলের সেলের কন্টেন্টের জন্য `collapse` ব্যবহার করা হয়, তাহলে সেগুলো যেন অদৃশ্য হয়ে যায়, এবং টেবিলটি নতুন করে পুনর্বিন্যাস হয়। যদি এই মানটি টেবিলের সারি বা কলামে প্রয়োগ না করা হয়, তাহলে এটি ব্যবহারের ফলাফল `hidden`-এর মতোই হবে।

ডিফল্ট মান: visible।

আসুন প্রথম অনুচ্ছেদের টেক্সটটি প্রাথমিকভাবে অদৃশ্য করি, কিন্তু বাটনে কার্সার নেওয়ার সময় 'Show text' আমরা এটি পড়তে পারি:

html<button>Show text</button>
<div class="text">text1</div>
<div>text2</div>

cssdiv{
  border: 1px solid black;
  width: 100px;
}
.text {
  visibility: hidden;
}
button:hover + .text {
  visibility: visible;
}

Результат: