CSS visibility ominaisuus

Määritelmä ja käyttö

Visibility-ominaisuus määrittää, näkyykö elementti.

Vinkki:Vaikka näkymättömät elementitkin vievät tilaa sivulla, käytä "display"-ominaisuutta luodaksesi näkymättömiä elementtejä, jotka eivät vie tilaa.

Selitys

Tämä ominaisuus määrittää, näytetäänkö elementin luoma elementtipalkki. Tämä tarkoittaa, että elementti edelleen vie sen alkuperäisen tilan, mutta se voi olla täysin näkymätön. Arvo collapse käytetään taulukossa poistamaan rivejä tai sarakkeita taulukkoasettelusta.

Katso myös:

CSS-opetusohjelma:CSS-asettelu

HTML DOM -viittausoppikirja:Visibility-ominaisuus

Esimerkki

Tee h2-elementistä näkymätön:

h2
  {
  visibility:hidden;
  }

Kokeile itse

CSS-grammatiikka

visibility: visible|hidden|collapse|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
näkyvä Oletusarvo. Elementti on näkyvä.
hidden Elementti on näkymätön.
collapse Kun taulukon elementissä käytetään tätä arvoa, se voi poistaa yhden rivin tai sarakkeen, mutta se ei vaikuta taulukon asetteluun. rivin tai sarakkeen tila jätetään muille sisällöille käyttöön. Jos tämä arvo käytetään muihin elementteihin, se näkyy "hidden"-arvona.
inherit Määritellään, että visibility-ominaisuuden arvo tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: näkyvä
Perinnäisyys: kyllä
Versio: CSS2
JavaScript-grammatiikka: object.style.visibility="hidden"

TIY-esimerkki

Miten tehdä elementistä näkymättömän
Tämä esimerkki näyttää, miten voit tehdä elementistä näkymättömän. Haluatko, että elementti näkyy, vai et?
Aseta taulukon elementti arvoon collapse
Tämä esimerkki näyttää, miten voit tehdä taulukon elementin näkymättömäksi. Haluatko, että elementti näkyy, vai et?

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimen version, joka täysin tukee tätä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0