CSS clip गुण

वर्णन और उपयोग

clip गुण अभिकृत स्थानांतरण एलिमेंट को काटता है。

एक चित्र का आकार उस एलिमेंट से बड़ा होने के मामले में क्या होगा? "clip" गुण आपको एक एलिमेंट के दिखने वाले आकार निर्धारित करता है, इस तरह इस एलिमेंट को काटा जाता है और इस आकार में दिखाया जाता है。

वर्णन

यह गुण एक काटने वाले चतुर्भुज को वर्णित करता है। एक अभिकृत विन्यास वाले एलिमेंट के भीतर की सामग्री दिखाई देती है। इस काटने क्षेत्र से बाहर की सामग्री overflow के मान के अनुसार संसाधित की जाएगी। काटने क्षेत्र के आकार चाहे बड़ा हो या छोटा हो, वह एलिमेंट के सामग्री क्षेत्र से बड़ा हो सकता है या छोटा हो सकता है。

और देखें:

CSS शिक्षण:CSS स्थानांतरण

HTML DOM संदर्भ पुस्तका:clip गुण

उदाहरण

स्क्रिप्ट चित्र काटना:

img
  {
  position:absolute;
  clip:rect(0px,60px,200px,0px);
  }

खुद अभिप्राय करें

CSS ग्रामाता

clip: auto|आकार|initial|inherit;

गुण मान

मान वर्णन
आकार एलिमेंट का आकार सेट करना। एकमात्र वैध आकार मान है: rect (ऊपर, दाएं, नीचे, बाएं)
स्वचालित मूलभूत मान। कोई भी काटना नहीं लागू होता。
विरासत clip गुण के मान को पिता एलिमेंट से विरासत करना निर्धारित करता है。

तकनीकी विवरण

मूलभूत मान: स्वचालित
विरासतीयता: नहीं
संस्करण: CSS2
जेसक्रिप्ट ग्रामाता: ऑब्जेक्ट.style.clip="rect(0px,50px,50px,0px)"

अधिक उदाहरण

एलिमेंट का आकार सेट करना
इस उदाहरण में देखा जाता है कि किस तरह एक एलिमेंट का आकार सेट किया जाता है। इस एलिमेंट को आकार में काटा जाता है और फिर दिखाया जाता है。

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण का पूर्ण समर्थन करने वाले पहले ब्राउज़र का संस्करण को सूचित करते हैं。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 7.0