Border 편집

Table of Contents (보이기↓)

edit

개요

이 속성은 요소의 테두리(border)에 크기(border-width), 색상(border-color), 스타일(border-style)을 동일하게 지정하는 단축 속성이다.

border-top, border-right, border-bottom, border-left 속성을 이용하면, 각 방향의 테두리에 크기나 색상 및 스타일을 다르게 지정할 수 있다.

어떤 값도 필수적이지는 않지만, border-style 값을 생략하면, border-style 기본값이 none이므로 아무런 테두리도 적용되지 않는다.

edit

정의

Border설명
값[ <border-width> || <border-style> || <색상?> ] | inherit
기본값개별 속성의 기본값 참조
적용대상모든 요소
상속안됨
백분율사용 불가
미디어visual

edit

값

값설명
border-width크기를 지정한다.
border-style스타일을 지정한다.
색상색상을 지정한다.
inherit부모 요소의 값을 상속하도록 지정한다.

edit

예제

edit

브라우저 호환성

값IE6?IE7?FF2?Op9?
(border-width)90%90%지원지원
(border-style)82%82%지원지원
(border-top-color)66%83%지원99%
inherit미지원미지원지원지원

Wiki Trail: < border-left | 문서 목록 | list-style-type >

 
Be Friend~! Be Friend~!