属性 visibility CSS

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

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

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

شرح

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

انظر أيضًا:

دليل CSSتوجيه CSS

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

مثال

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

h2
  {
  visibility:hidden;
  }

تجربة شخصية

قواعد اللغة CSS

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

قيمة الخاصية

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

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

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

TIY مثال

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

دعم المتصفح

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

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