---
title: Visibility Property
localeTitle: خاصية الرؤية
---
## خاصية الرؤية

يمكن استخدام خاصية الرؤية للتحكم في رؤية أي عنصر. القيمة الافتراضية هي `visibility: visible;`

#### القيم الممكنة:

يمكن أن تحتوي خاصية الرؤية على 5 قيم محتملة.

1.  `visible` : هي القيمة الافتراضية التي تعرض عنصرًا ما.
2.  `hidden` : تخفي هذه القيمة عنصرًا ولكنها تحافظ على التنسيق أو المساحة التي يشغلها العنصر.
3.  `collapse` : تشبه هذه القيم العناصر المخفية ولكنها تنطبق على صفوف أو أعمدة الجدول. يخفي محتويات الصف أو العمود.
4.  `initial` : يؤدي هذا إلى تعيين الخاصية إلى قيمتها الافتراضية (مرئية).
5.  `inherit` : يرث هذا قيمة الخاصية من عنصرها الرئيسي.

#### أوجه التشابه والاختلاف مع الخصائص الأخرى:

1.  العتامة: الفرق بين خاصية `visibility` و خاصية `opacity` ، يمكن استخدام العتامة للتلاشي والعنصر. `visibility: hidden;` `opacity: 0;` له تأثير مماثل على عنصر.
    
2.  العرض: الفرق الوحيد بين الرؤية: مخفي ؛ وعرض: لا شيء ؛ هو أن هذا الأخير يزيل التصميم أو المساحة التي يشغلها العنصر أيضًا.
    

#### التوافق المتصفح:

هذا هو خاصية CSS2 ومتوافق مع جميع المتصفحات الرئيسية.

#### معلومات اكثر:

[رؤية CSS - w3school](https://www.w3schools.com/cssref/pr_class_visibility.asp)