सीएसएस क्लिप संपत्ति
उदाहरण
एक छवि क्लिप करें:
img {
position: absolute;
clip: rect(0px,60px,200px,0px);
}
परिभाषा और उपयोग
क्या होता है यदि कोई छवि उसके युक्त तत्व से बड़ी है?
clip
संपत्ति आपको एक बिल्कुल स्थित तत्व को क्लिप करने के लिए एक आयत निर्दिष्ट करने देती है । आयत को चार निर्देशांकों के रूप में निर्दिष्ट किया गया है, सभी क्लिप किए जाने वाले तत्व के ऊपरी-बाएँ कोने से।
नोट: "अतिप्रवाह: दृश्यमान" होने पर clip
संपत्ति काम नहीं करती है।
नोट: संपत्ति clip
को बहिष्कृत कर दिया गया है और भविष्य में संपत्ति द्वारा प्रतिस्थापित किया जाएगा।
clip-path
डिफ़ॉल्ट मान: | ऑटो |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | हां। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | सीएसएस 2 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.clip="rect(0px,50px,50px,0px)" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
Property | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
सीएसएस सिंटेक्स
clip: auto|shape|initial|inherit;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
auto | No clipping will be applied. This is default | |
shape | Clips an element. The only valid value is: rect (top, right, bottom, left) | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस पोजिशनिंग
एचटीएमएल डोम संदर्भ: क्लिप संपत्ति