속성 | 설명 |
border-width | 테두리의 두께 |
border-style | 테두리의 모양 |
border-color | 테두리의 색상 |
border-radius | 테두리 모서리 처리 |
테두리 속성은 컨텐츠를 감싸는 border에 관련된 속성이다.
border-width는 테두리의 두께를 설정하는데 일반적으로 굵기를 10px, 30px 등의 숫자나 thin, medium등의 키워드를 입력 할 수 있다.
border-style은 테두리 선의 모양을 바꿀 수 있다. dotted, dashed 등의 키워드를 입력 할 수 있다.
border-color는 테두리의 색상을 지정 할 수 있다.
border-radius는 테두리의 모서리 부분의 마감을 둥글게 만들 수 있다.
'프로그래밍 공부 > CSS3' 카테고리의 다른 글
CSS3 - 폰트 속성 (0) | 2019.11.18 |
---|---|
CSS3 - 배경 속성 (0) | 2019.11.18 |
CSS3 - 박스 속성 (0) | 2019.11.17 |
CSS3 - 가시 속성 (0) | 2019.11.17 |
CSS3 - CSS3 단위 (0) | 2019.11.17 |