কম্পিউটার টিউটোরিয়াল

CSS visibility প্রোপার্টির ব্যবহার

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>
  1. CSS visibility: hidden ব্যবহার

  2. CSS visibility:visible ব্যবহার

  3. CSS perspective প্রোপার্টির ব্যবহার

  4. CSS backface-visibility প্রোপার্টি