CSS backface-visibility ominaisuus

Määrittely ja käyttö

backface-visibility-ominaisuus määrittää, näkyykö elementti, kun se ei ole suunnattu näytölle.

Tämä ominaisuus on hyödyllinen, jos et halua nähdä pyöritetyn elementin takapuolta.

Katso myös:

HTML DOM -viittausopas:backfaceVisibility-ominaisuus

Esimerkki

Piilota ja näytä kaksi pyöritettyä <div>-elementin takapuolta:

#div1 {
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
#div2 {
  -webkit-backface-visibility: visible; /* Safari */
  backface-visibility: visible;
}

Kokeile itse

CSS-kieli

backface-visibility: visible|hidden;

Ominaisuusarvo

Arvo Kuvaus
näkyvä Takapuoli on näkyvä.
piilotettu Takapuoli on näkymätön.

Tekninen yksityiskohta

Oletusarvo: näkyvä
Perintä: ei
Versio: CSS3
JavaScript-kieli: object.style.backfaceVisibility="hidden"

Selaimen tuki

Taulukossa olevat numerot mainitsevat ensimmäisen selaimen version, joka tukee kyseistä ominaisuutta täysin.

Numerot, jotka sisältävät -webkit- tai -moz-, tarkoittavat ensimmäistä versiota, jota etuliitteellä käytetään.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 4.0 -webkit- 23.0
15.0 -webkit-