본문 바로가기

프로그래밍 공부/CSS3

CSS3 - 테두리 속성

속성 설명
border-width 테두리의 두께
border-style 테두리의 모양
border-color 테두리의 색상
border-radius 테두리 모서리 처리

테두리 속성은 컨텐츠를 감싸는 border에 관련된 속성이다.

 

border-width는 테두리의 두께를 설정하는데 일반적으로 굵기를 10px, 30px 등의 숫자나 thin, medium등의 키워드를 입력 할 수 있다.

 

border-style은 테두리 선의 모양을 바꿀 수 있다. dotted, dashed 등의 키워드를 입력 할 수 있다.

 

border-color는 테두리의 색상을 지정 할 수 있다.

 

border-radius는 테두리의 모서리 부분의 마감을 둥글게 만들 수 있다.

border-width, border-style, border-radius, border-color 속성.html
0.00MB

 

'프로그래밍 공부 > 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