गोल कोनों - सीएसएस-ट्रिक्स

मानक:

-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */

व्यक्तिगत कोनों:

-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 0;

आशुलिपि:

-मोज़-बॉर्डर-त्रिज्या: (टॉप-लेफ्ट) (टॉप-राइट) (बॉटम-राइट) (बॉटम-लेफ्ट)

-moz-border-radius: 10px 20px 30px 0;

अण्डाकार गोलाकार (फ़ायरफ़ॉक्स 3.5+):

-मोज़-बॉर्डर-रेडियस-टॉपलेट: (क्षैतिज त्रिज्या) (ऊर्ध्वाधर त्रिज्या);

-moz-border-radius-topleft: 10px 40px;

अण्डाकार गोलाकार आशुलिपि (फ़ायरफ़ॉक्स 3.5+):

-मोज़-बॉर्डर-त्रिज्या: (क्षैतिज त्रिज्या) / (ऊर्ध्वाधर त्रिज्या);

-moz-border-radius: 10px / 40px;

-moz-border-radius: 10px 20px 30px 40px / 15px 30px 45px 60px;

ऊपर जैसा है:

-moz-border-radius-topleft: 10px 15px; -moz-border-radius-topright: 20px 30px; -moz-border-radius-bottomright: 30px 45px; -moz-border-radius-bottomleft: 40px 60px;

WebKit अण्डाकार गोलाई

सभी कोने:

-webkit-border-radius: 36px 12px;

केवल दाएं कोने:

-webkit-border-top-right-radius: 50px 30px; -webkit-border-bottom-right-radius: 50px 30px;