visibility নামে একটি প্রোপার্টি রয়েছে যা একটি এলিমেন্টকে দৃশ্য থেকে লুকাতে দেয়। এই প্রোপার্টি জাভাস্ক্রিপ্টের সাথে ব্যবহার করে খুব জটিল মেনু এবং ওয়েবপেজ লেআউট তৈরি করা যায়।
visibility প্রোপার্টি নিচের মানগুলো নিতে পারে:
| মান | বিবরণ |
|---|---|
| visible | বক্স এবং এর কন্টেন্ট ইউজারকে দেখানো হয়। |
| hidden | বক্স এবং এর কন্টেন্ট অদৃশ্য করা হয়, যদিও সেগুলো পেজের লেআউটকে প্রভাবিত করে। |
| collapse | এটি শুধু ডাইনামিক টেবিল কলাম এবং রো ইফেক্টের জন্য ব্যবহৃত হয়। |
উদাহরণ
নিচের কোডটি রান করে visible এবং hidden মানগুলো কীভাবে কাজ করে তা শিখুন:
<html>
<head>
<style>
p {
visibility: hidden;
}
</style>
</head>
<body>
<p style="visibility:visible;">
This paragraph is visible.
</p>
<p>
This paragraph won't be visible.
</p>
</body>
</html>