پنهان کردن یک عنصر(Hidden)

برای پنهان کردن یک عنصر دو روش وجود دارد:

  1. خصوصیت display را با مقدار "none" تنظیم کنیم
  2. خصوصیت visibility را با مقدار "hidden" تنظیم کنیم

به هرحال باید توجه داشته باشید که این دو روش، نتایج مختلفی را تولید خواهند کرد.

در روش دوم (visibility:hidden) عنصر پنهان خواهد شد ولی اثر آن یا به عبارتی فضایی که اشغال کرده است، در صفحه باقی خواهد ماند:

مثال (پنهان کردن یک عنصر در CSS)

h1.hidden {visibility:hidden;}
خودتان امتحان کنید »

در روش اول (display:none) عنصر حذف می شود و اثری از آن در صفحه باقی نخواهد ماند:

مثال (پنهان کردن یک عنصر در CSS)

h1.hidden {display:none;}
خودتان امتحان کنید »

آموزش های مرتبط

آموزش CSS-طریقه نمایش عناصر