CSS background-clip అట్రిబ్యూట్
- పూర్వ పేజీ background-blend-mode
- తదుపరి పేజీ background-color
నిర్వచనం మరియు వినియోగం
background-clip బ్యాక్గ్రౌండ్ జతకరణ ప్రదేశాన్ని నిర్ణయించు లక్షణం
మరియు చూడండి:
CSS పాఠ్యకృతి:CSS బ్యాక్గ్రౌండ్మరియుCSS బ్యాక్గ్రౌండ్ (అధునాతన)
HTML DOM పరిశీలన పాఠ్యకృతి:backgroundClip లక్షణం
ఉదాహరణ
బ్యాక్గ్రౌండ్ జతకరణ ప్రదేశాన్ని నిర్ణయించుము:
div
{
background-color:పసుపు;
background-clip:content-box;
}
CSS సంకేతాలు
background-clip: border-box|padding-box|content-box;
లక్షణ విలువ
| విలువ | వివరణ | పరీక్ష |
|---|---|---|
| border-box | బ్యాక్గ్రౌండ్ బార్డర్ బాక్స్ వరకు కటించబడుతుంది。 | పరీక్ష |
| padding-box | బ్యాక్గ్రౌండ్ ప్యాడింగ్ బాక్స్ వరకు కటించబడుతుంది。 | పరీక్ష |
| content-box | బ్యాక్గ్రౌండ్ కంటెంట్ బాక్స్ వరకు కటించబడుతుంది。 | పరీక్ష |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | border-box |
|---|---|
| పారంపర్యం: | ఏ |
| సంస్కరణ: | CSS3 |
| జావాస్క్రిప్ట్ సంకేతాలు: | ఆబ్జెక్ట్.style.backgroundClip="content-box" |
బ్రౌజర్ మద్దతు
పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న ప్రథమ బ్రౌజర్ సంస్కరణను చెప్పుతాయి。
| క్రోమ్ | ఎంజెల్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
|---|---|---|---|---|
| క్రోమ్ | IE / ఎంజెల్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
| 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
- పూర్వ పేజీ background-blend-mode
- తదుపరి పేజీ background-color
