border

정의 및 사용

border 속성은 요소에 테두리 효과를 주는 것이며, 모든 border 속성들을 한번에 선언할 수 있는 축약속성이다.border-color, border-width, border-style 속성들을 한꺼번에 선언할 수 있으며 {border:solid #ff0000;} 처럼 style-color 또는 style-width 만 적어도 무방하다. 대신 어떤 값을 주던 style 속성은 반드시 선언해주어야 한다.
(image, radius 속성은 CSS3 에 새로 추가된 속성이므로 CSS3 내용을 참고)

정의 및 사용
기본값 개별 속성값 참고
상속 no
버전 CSS1(CSS3에 새로운 속성 추가)
자바스크립트 구문 object.style.border=”solid 3px blue”

브라우저 지원

IE6 지원IE7 지원IE8 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
설명
border-width 테두리의 너비(굵기)를 지정
border-style 테두리의 스타일을 지정
border-color 테두리의 색상을 지정
inherit 지정 요소의 테두리 속성을 부모(상위) 요소로부터 상속받음

예제

버그 및 이슈

소제목

목록 으로

댓글