2012-11-02 2 views
6

나는 국경 반경 모든 브라우저의 경계 반경은?

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

를 사용하지만 그 코드 블록은 일부 브라우저 (물론 인터넷 익스플로러)를 작동하지 않습니다. .htc를 사용하려고했지만 성공하지 못했습니다.

모든 브라우저에서 지원되는 border-radius을 어떻게 만들 수 있습니까?

+0

누구든지 검색을 통해이를 발견하면 관련 항목 [IE의 "border-radius"지원] (http://stackoverflow.com/questions/635851/support-for-border-radius-in-ie)을 참조하십시오. – JGallardo

답변

7

border-radius 속성은 CSS3 속성이기 때문에 IE9 +, Firefox 4 이상, Chrome, Safari 5 이상 및 Opera에서 지원됩니다.

0,123,516 2

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

동등

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

예 : 구문은 다음

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

예 1

border-radius:2em; 

가 동등

국경 반경 here에 대한 자세한 설명 및 요령을 참조하십시오.

관련 문제