Style visibility Property

مثال

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

document.getElementById("myP").style.visibility = "hidden";

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

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

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

دعم المتصفح

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

بناء الجملة

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

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";
}

انها محاولة لنفسك »