CSS isolation ਪ੍ਰਾਪਰਟੀ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

isolation ਵਿਸ਼ੇਸ਼ਤਾ ਐਲੀਮੈਂਟ ਨੂੰ ਨਵਾਂ ਸਟੈਕਿੰਗ ਕੰਟੈਕਟ ਬਣਾਉਣਾ ਚਾਹੁੰਦੀ ਹੈ ਕਿ ਨਹੀਂ?

ਸੁਝਾਅ:background-blend-mode ਜਾਂ mix-blend-mode ਨਾਲ ਮਿਲਕੇ ਇਸਲਈ ਵਿਸ਼ੇਸ਼ਤਾ ਕਾਫੀ ਉਪਯੋਗੀ ਹੈ。

ਹੋਰ ਦੇਖੋ:

HTML DOM ਸੰਦਰਭ ਮੁੱਲਾਂisolation ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

id="e" ਦੇ ਐਲੀਮੈਂਟ ਲਈ ਨਵਾਂ ਸਟੈਕਿੰਗ ਕੰਟੈਕਟ ਬਣਾਓ:

#e {
  isolation: isolate;
}

ਆਪਣੇ ਆਪ ਦੋਹਰਾਓ

CSS ਵਿਭਾ਷ਣ

isolation: auto|isolate|initial|inherit;

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
auto ਮੂਲ ਮੁੱਲ। ਕੇਵਲ ਜਦੋਂ ਐਲੀਮੈਂਟ ਦੇ ਕੋਈ ਵਿਸ਼ੇਸ਼ਤਾ ਇਸ ਨੂੰ ਜ਼ਰੂਰਤ ਕਰੇ, ਤਾਂ ਹੀ ਨਵਾਂ ਸਟੈਕਿੰਗ ਕੰਟੈਕਟ ਬਣਾਇਆ ਜਾਵੇਗਾ。
isolate ਨਵਾਂ ਸਟੈਕਿੰਗ ਕੰਟੈਕਟ ਬਣਾਉਣਾ ਹੋਵੇਗਾ。
initial ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਮੂਲ ਮੁੱਲ ਰੱਖੋ। ਦੇਖੋ: initial.
inherit ਆਪਣੇ ਮਾਤਾ ਏਲੀਮੈਂਟ ਤੋਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਵਿਰਾਸਤੀ ਕਰੋ। ਦੇਖੋ: inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: auto
ਵਿਰਾਸਤੀ ਕਰਨ: ਨਹੀਂ
ਐਨੀਮੇਸ਼ਨ ਬਣਾਉਣ: ਸਮਰਥਨ ਨਹੀਂ ਹੈ। ਦੇਖੋ:ਐਨੀਮੇਸ਼ਨ ਸਬੰਧੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ.
ਸੰਸਕਰਣ: CSS3
JavaScript ਵਿਭਾ਷ਣ: object.style.isolation="isolate"

ਬ੍ਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਸਮਰਥਤ ਪਰਿਯੋਜਨਾਵਾਂ ਦੀ ਪਹਿਲੀ ਬ੍ਰਾਉਜ਼ਰ ਵਰਜਨ ਸਬੰਧੀ ਨੰਬਰ ਟੇਬਲ ਵਿੱਚ ਦਿੱਤਾ ਗਿਆ ਹੈ。

ਚਰੋਮੇ IE / ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
41.0 79.0 36.0 ਹਾਂ 30.0