Style visibility Property

Örnek

Bir içerikleri gizleme <p> elemanı:

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

Tanımı ve Kullanımı

görünürlük özelliği, ayarlar veya döner bir eleman görünür olması gerekip gerekmediğini.

görünürlük özelliği göstermek veya bir öğe gizlemek için yazar sağlar. Bu benzer ekran özelliği. gizli elemanın içeriği görünmez olacağı anlamına gelir, ama eleman orijinal konumuna ve boyut olarak kalır: none görünürlük ederken, ilginç bir şekilde bütün elementi gizler: Ancak, fark ekran ayarlarsanız olmasıdır.

Tarayıcı Desteği

görünürlük özelliği tüm büyük tarayıcılarda desteklenir.

Sözdizimi

görünürlük özelliğini Dönüş:

object .style.visibility

görünürlük özelliğini ayarlayın:

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

Mülkiyet Değerler

değer	Açıklama
visible	elemanı görünür. Bu varsayılan
hidden	eleman görünür değil, ama yine de düzenini etkiler
collapse	Bir tablo satır veya hücre üzerinde kullanıldığında, eleman görünür değildir (same as "hidden")
initial	varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun
inherit	üst öğesinden bu özelliği devralır. Yaklaşık miras oku

Teknik detaylar

Varsayılan değer:	gözle görülür
Geri dönüş değeri:	Bir elemanın içeriği görüntülenir olup olmadığını gösteren bir String,
CSS Sürüm	CSS2

Diğer Örnekler

Örnek

Ekran özelliği ve görünürlük özelliği arasındaki fark:

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

function demoVisibility() {
document.getElementById("myP2").style.visibility = "hidden";
}

Kendin dene "

Örnek

Gizleme ve bir göstermek <img> elemanı:

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

function showElem() {
document.getElementById("myImg").style.visibility = "visible";
}

Kendin dene "