freeCodeCamp/guide/arabic/css/properties/visibility-property/index.md

1.8 KiB

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

خاصية الرؤية

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

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

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

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

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

  1. العتامة: الفرق بين خاصية visibility و خاصية opacity ، يمكن استخدام العتامة للتلاشي والعنصر. visibility: hidden; opacity: 0; له تأثير مماثل على عنصر.

  2. العرض: الفرق الوحيد بين الرؤية: مخفي ؛ وعرض: لا شيء ؛ هو أن هذا الأخير يزيل التصميم أو المساحة التي يشغلها العنصر أيضًا.

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

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

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

رؤية CSS - w3school