CSS isolation అట్రిబ్యూట్
- ముంది పేజీ inset-inline-start
- తరువాత పేజీ justify-content
నిర్వచనం మరియు ఉపయోగం
isolation లక్షణం ప్రతి ఉపముకు కొత్త స్టాక్ కంటెక్స్ట్ సృష్టించాలా అని నిర్వచిస్తుంది.
సలహా:background-blend-mode లేదా mix-blend-mode తో కలిసి ఉపయోగించినప్పుడు, isolation లక్షణం అత్యంత ఉపయోగపడుతుంది.
మరియు ఈ ప్రకారం చూడండి:
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 |
- ముంది పేజీ inset-inline-start
- తరువాత పేజీ justify-content
