border 속성은 요소에 테두리 효과를 주는 것이며, 모든 border 속성들을 한번에 선언할 수 있는 축약속성.
border-color, border-width, border-style 속성들을 한꺼번에 선언할 수 있으며 {border:solid #ff0000;} 처럼 style-color 또는 style-width 만 적어도 무관.
대신 어떤 값을 주던 style 속성은 반드시 선언해주어야 함.
값 | 속성 | 설명 |
---|---|---|
border-width | border-top-width | 테두리의 너비(굵기)를 지정 |
border-bottom-width | ||
boder-right-width | ||
border-left-width | ||
border-style | border-top-style | 테두리의 스타일을 지정 |
border-bottom-style | ||
boder-right-style | ||
border-left-style | ||
border-color | border-top-color | 테두리의 색상을 지정 |
border-bottom-color | ||
boder-right-color | ||
border-left-color | ||
border | - | 모든 border 속성의 축약 속성 |