هناك عدة طرق لاخفاء النص أو العنصر, سوف أقوم بشرح بعضها
بداية لدينا عنصر p في كود html
<p>نص مخفي</p>
الطريقة الاولى لاخفائه كالتالي
p{
visibility:hidden
}
قمنا بإعطاء العنصر خاصية visibility ومعناها باللغة العربية "الظهور" وقمنا باسناد القيمة hidden والتي معناها بالعربية اخفاء
الطريقة الثانية كالآتي
p{
display: none;
}
قمنا بإعطاء العنصر خاصية display وأسندنا القيمة none لها أي لن يظهر العنصر
الطريقة الثالثة من الممكن أن نقوم باعطاء العنصر صنف فليكن اسم الصنف hiddentext فيكون الكود كالتالي
<p class="hiddentext">نص مخفي</p>
ونقوم باعطاء الصنف بعض التنسيقات التي تجعله لا يظهر مثل أن نقوم بتغير مكان العنصر ,كالتالي
.hiddentext
{
position: absolute
top: 0px;
left: -5000px;
}
قمنا بتغيير موضع العنصر وحددنا مكانه بالنسبة للشاشة من اتجاه الشمال ومن اتجاه الأعلى, سوف يتغير موضع العنصر وسوف يصبح غير ظاهر