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 ইত্যাদি।