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

Question

मैं बॉर्डर की त्रिज्या के लिए

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

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

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

Answer 1

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

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

उदाहरण 1

border-radius:2em; 

के बराबर है:

0,123,516:

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; 

सीमा त्रिज्या here के लिए अधिक विस्तृत स्पष्टीकरण और युक्तियां और युक्तियां देखें।