সিএসএস [CSS] Display এবং Visibility

Visibility দিয়ে একটি ইলিম্যান্ট দেখাবে নাকি হাইড করে রাখবে, তা সেট করা যায়। অর্থাৎ এর দুটি প্রোপার্টি রয়েছেঃ visible অথবা hidden

h1.hidden {visibility:hidden;}

 

দিলে h1 ট্যাগের ভেতরের সকল লেখা লুকানো থাকবে। এখানে h1 এর পরিবর্থে যে কোন সিলেক্টর ব্যবহার করা যেতে পারে। যেমন যে কোন Class, ID, p, img,h2 ইত্যাদি।

Display  দিয়ে  একটা ইলিম্যান্ট লুকানো বা দেখানো ছাড়াও আরো বাড়তি কিছু করা যায়। যেমন কিভাবে ইলিম্যান্টটি এইচটিএমএল ফাইলে দেখাবে, তাও ঠিক করা যায়।

 

p{display:inline;}

p{display:inline;} লিখলে সকল p ট্যাগের লেখা গুলো একই লাইনে দেখাবে।

p{display:block;}

display:block লিখলে সকল কিছু এক একটা ব্লক আকারে দেখাবে। মানে এর চারদিকের সকল জায়গা জুড়ে দেখাবে।

p{display:none;}

display:none লিখলে লেখা সব লুকিয়ে থাকবে। এইচটিএমএল ফাইলে দেখাবে না।

আমরা display এর জন্যও এখানে p এর পরিবর্তে যে কোন সিলেক্টর ব্যবহার করা যেতে পারে। যেমন যে কোন Class, ID, p, img,h2 ইত্যাদি।

 

 

Leave a Comment