Ultimele tutoriale de dezvoltare web
 

Style visibility Property

<Style Object

Exemplu

Ascunde conținutul unui <p> Element:

document.getElementById("myP").style.visibility = "hidden";
Încearcă - l singur »

Definiție și utilizare

Seturile de proprietate sau de vizibilitate se întoarce dacă un element trebuie să fie vizibilă.

Proprietatea de vizibilitate permite autorului pentru a afișa sau a ascunde un element. Este similar cu afișare de proprietate. Cu toate acestea, diferența este că, dacă setați afișare: nici unul, se ascunde întregului element, în timp ce vizibilitatea: ascuns înseamnă că conținutul elementului va fi invizibil, dar elementul rămâne în poziția sa inițială și dimensiunea.


Suport pentru browser-

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Proprietatea de vizibilitate este acceptată în toate browserele majore.


Sintaxă

Întoarcere proprietatea de vizibilitate:

object .style.visibility

Setați proprietatea de vizibilitate:

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

Valori de proprietate

Valoare Descriere
visible Elementul este vizibil. Acest lucru este implicit
hidden Elementul nu este vizibil, dar încă afectează aspectul
collapse Atunci când este utilizat pe un rând de tabel sau celulă, elementul nu este vizibil (same as "hidden") și (same as "hidden")
initial Setează această proprietate la valoarea implicită. Citiți despre inițială
inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc

Detalii tehnice

Valoare implicită: vizibil
Întoarcere Valoare: Un șir, reprezentând dacă conținutul unui element este afișat sau nu
CSS Versiune CSS2

Mai multe exemple

Exemplu

Diferența dintre proprietatea de afișare și proprietatea de vizibilitate:

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

function demoVisibility() {
    document.getElementById("myP2").style.visibility = "hidden";
}
Încearcă - l singur »

Exemplu

Ascunde și arată o <img> Element:

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

function showElem() {
    document.getElementById("myImg").style.visibility = "visible";
}
Încearcă - l singur »

Exemplu

Returneaza tipul de vizibilitate al unui <p> Element:

alert(document.getElementById("myP").style.visibility);
Încearcă - l singur »

Pagini similare

Tutorial CSS: CSS de afișare și vizibilitate

Referință CSS: visibility property de visibility property


<Style Object