خاصية رؤية CSS
مثال
جعل عناصر <h2> مرئية ومخفية:
h2.a {
visibility: visible;
}
h2.b {
visibility: hidden;
}
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تحدد الخاصية ما visibility
إذا كان العنصر مرئيًا أم لا.
نصيحة: تشغل العناصر المخفية مساحة على الصفحة. استخدم خاصية العرض لإخفاء وإزالة عنصر من تخطيط المستند!
القيمة الافتراضية: | مرئي |
---|---|
وارث: | نعم |
متحرك: | نعم. اقرأ عن animatable |
الإصدار: | CSS2 |
بناء جملة JavaScript: | الكائن .style.visibility = "مخفي" |
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
بنية CSS
visibility: visible|hidden|collapse|initial|inherit;
قيم الملكية
Value | Description | Play it |
---|---|---|
visible | Default value. The element is visible | |
hidden | The element is hidden (but still takes up space) | |
collapse | Only for table rows (<tr>), row groups (<tbody>), columns (<col>),
column groups (<colgroup>). This value removes a row or column,
but it does not affect the table layout. The space taken up by the row or column
will be available for other content. If collapse is used on other elements, it renders as "hidden" |
|
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
مزيد من الأمثلة
مثال
يوضح هذا المثال كيفية جعل عنصر جدول ينهار:
tr.collapse {
visibility: collapse;
}
الصفحات ذات الصلة
دروس CSS: عرض ورؤية CSS
مرجع HTML DOM: خاصية الرؤية