/ / सभी ब्राउज़र के लिए सीमा त्रिज्या? - सीएसएस, सीएसएस 3

सभी ब्राउज़र के लिए सीमा त्रिज्या? - सीएसएस, सीएसएस 3

मैं उपयोग करता हूं

-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;

सीमा त्रिज्या के लिए लेकिन वह कोड ब्लॉक कुछ ब्राउज़र (पाठ्यक्रम का इंटरनेट एक्सप्लोरर) काम नहीं कर रहा है। मैंने .htc का उपयोग करने की कोशिश की लेकिन मुझे कोई सफलता नहीं मिली।

मैं कैसे कर सकता हूँ border-radius यह सभी ब्राउज़रों द्वारा समर्थित है?

उत्तर:

उत्तर № 1 के लिए 7

सीमा-त्रिज्या संपत्ति आईई 9 +, फ़ायरफ़ॉक्स 4+, क्रोम, सफारी 5+, और ओपेरा में समर्थित है, क्योंकि यह CSS3 संपत्ति है। वाक्यविन्यास है:

border-radius: 1-4 length|% / 1-4 length|%;

उदाहरण 1

border-radius:2em;

के बराबर है:

border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;

उदाहरण 2

border-radius: 2em 1em 4em / 0.5em 3em;

के बराबर है:

border-top-left-radius: 2em 0.5em;
border-top-right-radius: 1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius: 1em 3em;

सीमा त्रिज्या के लिए अधिक विस्तृत स्पष्टीकरण और सुझाव और चाल देखें यहाँ.