CSS క్లిప్ అట్రిబ్యూట్
- పూర్వ పేజీ క్లియర్
- 下一页 క్లిప్-పాత్
నిర్వచనం మరియు ఉపయోగం
clip లక్షణం అబ్సూల్యూట్ లొకేషన్ కంపొనెంట్ ను కటించబడుతుంది.
ఒక చిత్రం యొక్క పరిమాణం దాని కంటెంట్ పెరిగినప్పుడు ఏం జరుగుతుంది? "clip" లక్షణం మీరు ఒక కంపొనెంట్ కనిపించే వీలు కల్పిస్తుంది. ఈ కంపొనెంట్ అనేక రూపాల్లో కటించబడి ప్రదర్శించబడుతుంది.
వివరణ
ఈ లక్షణం ఒక కటించబడిన రెక్టాంగాన్ని నిర్వచిస్తుంది. ఈ రెక్టాంగానికి లోపల ఉన్న కంటెంట్ మాత్రమే కనిపిస్తుంది. ఈ కటించబడిన ప్రాంతం బయటకు ఉన్న కంటెంట్ ఆఫ్లోవ్ విలువను ఆధారంగా నిర్వహించబడుతుంది. కటించబడిన ప్రాంతం కంటెంట్ కంటే పెద్దగా ఉండవచ్చు లేదా చిన్నగా ఉండవచ్చు.
మరింత చూడండి:
CSS శిక్షణకర్తCSS లొకేషన్
HTML DOM సందర్భ పుస్తకం:clip లక్షణం
ఉదాహరణ
చిత్రాన్ని కటించండి:
img
{
position:absolute;
clip:rect(0px,60px,200px,0px);
}
CSS సంకేతాలు
clip: auto|షేప్|ప్రారంభిక|ఇన్హెరిట్;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| షేప్ | కంపొనెంట్ రూపాన్ని అమర్చండి. ఏకైక అర్హమైన రూపం విలువ రెక్ట్ (టాప్, రైట్, బటం, లెఫ్ట్) |
| ఆటో | మూల విలువ. ఎటువంటి కటించకపోవాలని చేయకూడదు. |
| ఇన్హెరిట్ | ఈ క్లిప్ లక్షణాన్ని ప్రాతిపదికగా ప్రాంతం నుండి పరిమితం చేయాలని నిర్దేశిస్తుంది. |
సాంకేతిక వివరాలు
| మూల విలువ: | ఆటో |
|---|---|
| పారంతర్యం సామర్థ్యం: | నా |
| సంస్కరణ: | CSS2 |
| జావాస్క్రిప్ట్ సంకేతాలు: | ఆబ్జెక్ట్.style.clip="rect(0px,50px,50px,0px)" |
మరిన్ని ఉదాహరణలు
- కంపొనెంట్ రూపాన్ని అమర్చండి
- ఈ ఉదాహరణలో కంపొనెంట్ రూపాన్ని ఎలా అమర్చాలనేది ప్రదర్శిస్తుంది. ఈ కంపొనెంట్ రూపంలో కటించబడి ప్రదర్శించబడుతుంది.
బ్రౌజర్ మద్దతు
పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న ప్రథమ బ్రౌజర్ సంస్కరణను సూచిస్తాయి.
| క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
- పూర్వ పేజీ క్లియర్
- 下一页 క్లిప్-పాత్
