أحدث البرامج التعليمية وتطوير الشبكة
 

Style visibility Property

<كائن نمط

مثال

إخفاء محتوى <p> العنصر:

document.getElementById("myP").style.visibility = "hidden";
انها محاولة لنفسك »

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

مجموعات الملكية الرؤية أو عوائد ما إذا كان ينبغي أن يكون عنصرا مرئيا.

الخاصية الرؤية يسمح للمؤلف لإظهار أو إخفاء عنصر. وهو مشابه ل عرض الممتلكات. ومع ذلك، والفرق هو أنه إذا قمت بتعيين عرض: لا شيء، فإنه يخفي العنصر بالكامل، في حين أن الرؤية: مخفي يعني أن محتويات العنصر سوف تكون غير مرئية، ولكن العنصر يبقى في موقعه الأصلي والحجم.


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية الرؤية في جميع المتصفحات الرئيسية.


بناء الجملة

إعادة الممتلكات وضوح:

object .style.visibility

تعيين الخاصية الرؤية:

object .style.visibility="visible|hidden|collapse|initial|inherit"

قيم الممتلكات

القيمة وصف
visible العنصر مرئيا. هذا هو الافتراضي
hidden العنصر غير مرئي، ولكن لا يزال يؤثر على تخطيط
collapse عندما تستخدم على صف الجدول أو الخلية، عنصر غير مرئي (same as "hidden")
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: مرئي
قيمة الإرجاع: A سلسلة، وهو ما يمثل ما إذا كان عرض محتوى عنصر أو لا
صفحة CSS CSS2

مزيد من الأمثلة

مثال

الفرق بين الملكية العرض والممتلكات الرؤية:

function demoDisplay() {
    document.getElementById("myP1").style.display = "none";
}

function demoVisibility() {
    document.getElementById("myP2").style.visibility = "hidden";
}
انها محاولة لنفسك »

مثال

إخفاء وإظهار <img> العنصر:

function hideElem() {
    document.getElementById("myImg").style.visibility = "hidden";
}

function showElem() {
    document.getElementById("myImg").style.visibility = "visible";
}
انها محاولة لنفسك »

مثال

العودة نوع الرؤية ل <p> العنصر:

alert(document.getElementById("myP").style.visibility);
انها محاولة لنفسك »

صفحات ذات صلة

CSS التعليمي: العرض CSS والرؤية

CSS المرجع visibility property


<كائن نمط