HTML/CSS

HTML5

[CSS3] Border-Radius [둥근모서리]

WEBSP2012.02.13 10:46

조회 : 3,865

Border-Radius [둥근모서리]
일반적인 Border의 직각적인 형태의 Box가 아닌 둥근모서리 형태의 Box를,
이미지 사용없이 CSS3에서는 구현 할 수 있습니다.
 
Border-Radius 속성을 사용하기 위해 지원하는 브라우저 별로 핵코드를 사용하여,
브라우저별 프로퍼티값을 지정하였었으나,
지금은 테스트 해본 결과 Border-Radius 속성만을 적용만 하여도,
IE9 이상 기타 웹 표준 지원 브라우저에서 지원하는것을 확인 하였습니다.
 
불필요하게 -moz, -o-, -webkit- 등의 속성을 구분 지어 border-radius를 사용하기보다는,
만약 둥근 모서리의 반지름이 5px 일때
 
    border-radius: 5px;
 
이렇게만 적용하여도 지원하고 있는 것을  확인 하실 수 있습니다.
 
[예제]
 
 

0개의 댓글이 있습니다.

select count(*) as cnt from g4_login where lo_ip = '18.204.2.231'

1194 : Table 'g4_login' is marked as crashed and should be repaired

error file : /bbs/board.php