CSS isolation ominaisuus

Määrittely ja käyttö

isolation-ominaisuus määrittää, onko elementin välttämätöntä luoda uusi pinottu konteksti.

Vinkki:Käytettäessä yhdessä background-blend-mode tai mix-blend-mode -ominaisuuksien kanssa, isolation-ominaisuus on hyödyllinen.

Katso myös:

HTML DOM -viittausoppikirja:isolation-ominaisuus

Esimerkki

Luo uusi pinottu konteksti elementille id="e":

#e {
  isolation: isolate;
}

Kokeile itse

CSS-kieli

isolation: auto|isolate|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
auto Oletus. Luodaan uusi pinottu konteksti vain, jos yhdellä elementin ominaisuudesta tarvitaan sitä.
isolate On luotava uusi pinottu konteksti.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltä. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: Ei
Animaation luominen: Ei tuettu. Katso:Animaatiotunnukset.
Versio: CSS3
JavaScript-kieli: object.style.isolation="isolate"

Selaimen tuki

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

Chrome IE / Edge Firefox Safari Opera
41.0 79.0 36.0 Kyllä 30.0