خصائص visibility CSS

تعريف والاستخدام

تحدد خاصية visibility ما إذا كان العنصر مرئيًا أم لا.

نصيحة:حتى العناصر غير المرئية تشغل مساحة على الصفحة. استخدم خاصية display لإنشاء عناصر غير مرئية لا تشغل مساحة على الصفحة.

شرح

تحدد هذه الخاصية ما إذا كان يجب عرض العنصر أم لا. هذا يعني أن العنصر لا يزال يأخذ مساحته الأصلية، ولكن يمكن أن يكون غير مرئي تمامًا. القيمة collapse تستخدم في الجداول ل�除 عمود أو صف من ترتيب الجدول.

انظر أيضًا:

دليل تعليمات CSSتعيين CSS

دليل DOM HTMLخاصية visibility

مثال

جعل عنصر h2 غير مرئي:

h2
  {
  visibility:hidden;
  }

جرب بنفسك

قواعد اللغة CSS

visibility: visible|hidden|collapse|initial|inherit;

قيمة الخاصية

القيمة الوصف
مرئي القيمة الافتراضية. العنصر مرئي.
hidden العنصر غير مرئي.
collapse عند استخدام هذا القيمة في عناصر الجدول، يمكن حذف صف أو عمود، ولكن لن يؤثر على ترتيب الجدول. سيترك المساحة التي يأخذها الصف أو العمود للمحتوى الآخر. إذا تم استخدام هذه القيمة في عناصر أخرى، سيظهر كـ "hidden".
توريث يحدد ذلك أن يتم توريث قيمة الخاصية visibility من العنصر الأم.

تفاصيل التقنية

القيمة الافتراضية: مرئي
تنسيق: نعم
الإصدار: CSS2
قواعد اللغة JavaScript: object.style.visibility="hidden"

TIY مثال

كيفية جعل العنصر غير مرئي
هذا المثال يوضح كيفية جعل العنصر غير مرئي. هل ترغب في عرض العنصر أم لا؟
ضبط عناصر الجدول على collapse
هذا المثال يوضح كيفية إضافة طبقات إلى عناصر الجدول؟

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0