বৈশিষ্ট্য visibility

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

সিনট্যাক্স

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

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

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

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

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

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