सीएसएस बैकफेस-दृश्यता संपत्ति
उदाहरण
दो घुमाए गए <div> तत्वों का पिछला चेहरा छुपाएं और दिखाएं:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
परिभाषा और उपयोग
संपत्ति परिभाषित करती है कि उपयोगकर्ता का सामना करते समय किसी तत्व का backface-visibility
पिछला चेहरा दिखाई देना चाहिए या नहीं।
किसी तत्व का पिछला चेहरा प्रदर्शित होने वाले सामने के चेहरे की दर्पण छवि है।
जब कोई तत्व घुमाया जाता है तो यह गुण उपयोगी होता है। यह आपको चुनने देता है कि उपयोगकर्ता को पिछला चेहरा देखना चाहिए या नहीं।
इस संपत्ति को बेहतर ढंग से समझने के लिए, एक डेमो देखें ।
डिफ़ॉल्ट मान: | दृश्यमान |
---|---|
विरासत में मिला: | नहीं |
एनिमेटेबल: | नहीं। एनिमेटेबल के बारे में पढ़ें |
संस्करण: | CSS3 |
जावास्क्रिप्ट सिंटैक्स: | ऑब्जेक्ट .style.backfaceVisibility="hidden" |
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से संपत्ति का समर्थन करता है।
-वेबकिट- या -मोज़ के बाद की संख्याएं- पहले संस्करण को निर्दिष्ट करें जो उपसर्ग के साथ काम करता है।
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
सीएसएस सिंटेक्स
backface-visibility: visible|hidden|initial|inherit;
सम्पत्ति की कीमत
Value | Description | Play it |
---|---|---|
visible | Default value. The backside is visible | |
hidden | The backside is not visible | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
संबंधित पृष्ठ
एचटीएमएल डोम संदर्भ: बैकफेस दृश्यता गुण