#44 | display none - opacity - visibility | اخفاء العناصر

يمكنك مذاكرة درس ال display من هنا من هنا |
https://nouvil.net/css-play-ground/cs...
-----------------------------------


للتواصل معي :
instagram |
  / abdelrahman_noufal  
-----------------------------------
facebook |
  / abdelrahman.g.nofal  
-----------------------------------
جروب الفيسبوك الخاص بنا |
  / 1810581845642171  
-----------------------------------

خاصية CSS Display None هي إحدى الخصائص الأساسية في CSS التي تسمح للمطورين بإخفاء العناصر بشكل كامل عن الصفحة، ولا يمكن رؤيتها أو الوصول إليها. يستخدم عادةً لإخفاء عناصر الصفحة المؤقتاً أو عندما لا يرغب المطور في عرضها.

خاصية CSS Opacity تسمح للمطورين بتحديد درجة شفافية العنصر، حيث يمكن تعيين قيمة من 0 إلى 1، حيث 0 يعني عدم الرؤية تمامًا و1 يعني عرض العنصر بشكل كامل. يستخدم عادةً لإنشاء تأثيرات جذابة في التصميم وتحديد درجات شفافية مختلفة لالعناصر في الصفحة.

خاصية CSS Hidden تسمح للمطورين بإخفاء العناصر بشكل كامل عن الصفحة، ولكنها تحتفظ بفضاء العنصر في الصفحة. يمكن استخدام هذه الخاصية لإخفاء العناصر المؤقتاً وعرضها لاحقًا، ومن المهم ملاحظة أنه يمكن الوصول إلى العنصر باستخدام JavaScript.

يمكن استخدام هذه الخصائص بشكل واسع في تصميم صفحات الويب. يمكن استخدام خاصية Display None لإخفاء العناصر المؤقتاً وعرضها لاحقًا، واستخدام خاصية Opacity لإنشاء تأثيرات جذابة في التصميم وتحديد درجات شفافية مختلفة للعناصر، ويمكن استخدام خاصية Hidden لإخفاء العناصر بشكل كامل وعرضها لاحقًا.

عند استخدام خاصية Display None، يجب الانتباه إلى أن العنصر سيتم إخفاؤه بشكل كامل ولن يكون مرئياً للمستخدم، ولا يمكن الوصول إليه بواسطة JavaScript إلا إذا تم إعادة عرضه. وعند استخدام خاصية Opacity، يجب الانتباه إلى أن هذه الخاصية قد تؤثر على أداء الصفحة إذا تم استخدامها بكثرة، وقد يؤدي ذلك إلى بطء في تحميل الصفحة. وعند استخدام خاصية Hidden، يجب الانتباه إلى أن العنصر لا يزالم يشغل مساحة في الصفحة ولكنه يحتفظ بالفضاء في الصفحة، ولا يمكن الوصول إليه باستخدام JavaScript إلا إذا تم إعادة عرضه.