Style visibility 属性
- ਪਿੰਡ ਪੰਨਾ verticalAlign
- ਅਗਲਾ ਪੰਨਾ whiteSpace
- ਇੱਕ ਪੱਧਰ ਉੱਪਰ ਵਾਪਸ ਜਾਓ ایچ تی ایم ایل ڈوم اسٹائل آوبجیکٹ
定义和用法
visibility
属性设置或返回元素是否应该可见。
visibility
属性允许作者显示或隐藏元素。
该属性类似于 display 属性。但不同的是,如果设置 display:none
,它会隐藏整个元素,而 visibility:hidden
意味着元素的内容将不可见,但元素会保持其原始位置和大小。
另请参阅:
CSS 教程:CSS Display 和 visibility
CSS 参考手册:visibility 属性
مثال
مثال 1
پائین کیچی کیتر محتوا مخفی کریا:
document.getElementById("myP").style.visibility = "مخفی";
صفحه کیچی کیتر مثال دیکھی:
گرامر
visibility نمائش بروئی:
آبجکت.style.visibility
visibility نمائش تنظیم کریا:
آبجکت.style.visibility = "بلاک کریا|مخفی|کوچن|ابتدائی|وراثت"
ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ
ਮੁੱਲ | ਵਰਣਨ |
---|---|
visible | ਇਹ ਐਲੀਮੈਂਟ ਦਿਸਦਾ ਹੈ। ਮੂਲ ਮੁੱਲ。 |
hidden | ਐਲੀਮੈਂਟ ਨਹੀਂ ਦਿਸਦਾ, ਪਰ ਹਾਲਾਤ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ。 |
collapse | ਜਦੋਂ ਤੇਬਲ ਰੋਕ ਜਾਂ ਸੈਲ ਤੇ ਵਰਤਿਆ ਜਾਵੇ ਤਾਂ ਐਲੀਮੈਂਟ ਨਹੀਂ ਦਿਸਦਾ ("hidden" ਨਾਲ ਸਮਾਨ ਹੈ)。 |
initial | ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਮੂਲ ਮੁੱਲ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial. |
inherit | ਆਪਣੇ ਮਾਤਾ ਐਲੀਮੈਂਟ ਤੋਂ ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਇਨਹੈਰਿਟ ਕਰੋ। ਦੇਖੋ: inherit. |
ਤਕਨੀਕੀ ਵੇਰਵਾ
ਮੂਲ ਮੁੱਲ: | visible |
---|---|
ਵਾਪਸ ਮੁੱਲ: | ਚਿੰਨ੍ਹ, ਜੋ ਕਿ ਐਲੀਮੈਂਟ ਦਾ ਦਿਸ਼ਾ ਪ੍ਰਕਾਰ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ。 |
CSS ਸੰਸਕਰਣ: | CSS2 |
ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ
ਚਰਾਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
---|---|---|---|---|
ਚਰਾਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
ਹੋਰ ਉਦਾਹਰਣ
ਉਦਾਹਰਣ 2
display ਅਤੇ visibility ਪ੍ਰਤੀਯੋਗਿਤਾ ਦਾ ਫਰਕ:
function demoDisplay() { document.getElementById("myP1").style.display = "none"; } function demoVisibility() { document.getElementById("myP2").style.visibility = "hidden"; }
ਉਦਾਹਰਣ 3
ਐਲੀਮੈਂਟ ਦੇ ਹਿੱਡੇਣ ਅਤੇ ਵਿਖਾਉਣ ਵਿਚਕਾਰ ਟੀਚਾ ਕਰੋ:
function myFunction() { var x = document.getElementById('myDIV'); if (x.style.visibility === 'hidden') { x.style.visibility = 'visible'; } else { x.style.visibility = 'hidden'; } }
ਉਦਾਹਰਣ 4
ਹਿੱਡੇਣ ਅਤੇ ਵਿਖਾਉਣ ਦਾ <img> ਐਲੀਮੈਂਟ:
function hideElem() { document.getElementById("myImg").style.visibility = "hidden"; } function showElem() { document.getElementById("myImg").style.visibility = "visible"; }
ਉਦਾਹਰਣ 5
ਵਾਪਸ <p> ਐਲੀਮੈਂਟ ਦੀ ਦਿਸ਼ਾ ਪ੍ਰਕਾਰ ਦੇਣਾ:
alert(document.getElementById("myP").style.visibility);
- ਪਿੰਡ ਪੰਨਾ verticalAlign
- ਅਗਲਾ ਪੰਨਾ whiteSpace
- ਇੱਕ ਪੱਧਰ ਉੱਪਰ ਵਾਪਸ ਜਾਓ ایچ تی ایم ایل ڈوم اسٹائل آوبجیکٹ