좋은 둥근 테두리를 만들기 위해 CSS를 사용하고 싶습니다. 나는 다음 CSS 스타일을 알고 있습니다 :CSS Border RADIUS 올바른 스타일을 사용할 수 있습니까? border-radius? -webkit-border-radius? -moz-border-radius?
border-radius
-webkit-border-radius
-moz-border-radius
어떤 스타일이 가장 좋습니까?
/* Gecko browsers */
-moz-border-radius: 5px;
/* Webkit browsers */
-webkit-border-radius: 5px;
/* W3C syntax - likely to be standard so use for future proofing */
border-radius: 5px;
인터넷 익스플로러 6 & 7, 8 (내가 아는 한)와 오페라는 둥근 모서리를 지원하지 않습니다. 대신 이러한 사용자에게는 일반 코너가 표시됩니다.
Firefox 및 'Mozilla'브라우저 제품군을 사용하여 시작할 수 있습니다. Apple의 WebKit 웹 브라우저 엔진은 둥근 모서리를 지원하여 Safari 및 Chrome 웹 브라우저, WebKit을 실행하는 iPhone 및 기타 장치에서 사용할 수 있도록합니다.
는 질문의자세한 답변 여기
http://shapeshed.com/journal/css3_tour_border-radius/
이며, IE에 대한 http://woork.blogspot.com/2009/08/css3-rounded-corners-for-every-browser.html
http://www.css3.info/a-border-radius-solution/
모서리 여기에 대해 좀 더 멋진 정보를 볼이 솔루션을 사용 http://www.the-art-of-web.com/css/border-radius/
세 가지 규칙을 모두 사용해야합니다.
이렇게하면 현재 버전의 Mozilla와 WebKit과 향후 표준을 구현하는 브라우저에서 페이지가 모두 작동합니다.
모든 것을 사용해야합니다 (당분간). -moz는 Mozilla 브라우저를 대상으로하고 -webkit은 Webkit 브라우저를 대상으로합니다. 기술적으로 당신은 평범한 경계 반경을 필요로하지 않지만 모범 사례에서는 CSS3를 구현할 때 이미 구현 했으므로이를 포함해야한다고 말합니다.
-webkit-border-radius는 Safari & Chrome과 같은 웹킷 기반 브라우저 용입니다. -moz-border-radius는 Firefox와 같은 Mozilla 제품 용입니다. border-radius는 표준이 마무리 될 때 사용되는 것으로 Opera가 현재 사용하고 있습니다.
호환성을 위해 3을 모두 사용하십시오.
은 "border-radius"를 사용하여 대부분의 웹 사이트가 css에 대한 지원을 표준화 했으므로 "border-radius"를 사용하여 다른 다가오는 브라우저에서 기능을 작동하게합니다. 예 : IE9 또는 IE 10
는 또한 국경 반경 속성 http://www.learntby.me/css/css_borderadius.php
왜 국경 반경의 값으로 10px 사용하고 5px하지 않습니다에 대한 책을 읽은? 단지 질질 마냥하지만, 이제는 다른 규칙의 가치를 두 배로 늘려야하는 것처럼 보일 수도 있습니다. –
그는 첫 번째 링크에서 직접 예제를 복사했습니다. 차이가 없어야하기 때문에 나는 그것들을 모두 '5px'로 바꿨다. – DisgruntledGoat
Opera 10.5는 이제'border-radius'를 지원하며 IE9도 지원합니다. – mercator