웹코딩/css3

CSS3 border 속성

quantumcode 2022. 1. 18. 19:00
728x90

border

border-width: borderwidth 값을 지정
border-style: borderstyle 값을 지정
border-color: bordercolor 값을 지정
inherit: 부모 요소로부터 값을 상속 받는다.

 

border-top, border-right, border-bottom, border-left

border-width: borderwidth 값을 지정
border-style: borderstyle 값을 지정
border-color: bordercolor 값을 지정
inherit: 부모 요소로부터 값을 상속 받는다.

 

 

border-top, border-right, border-bottom, border-left

css 컬러 값​ : 색상 키워드, 16진수 값, rgb 값등의 css 컬러 속성 값을 지정한다.
transparent: 투명을 지정한다.
inherit: 부모 요소로부터 값을 상속 받는다.

 

 

border-style

none: border 스타일을 지정하지 않는다.
hidden: none 속성값과 같다.
dotted, dashed, solid, double, groove, ridge, inset, outset: 각각의 속성값들은 아래의 그림과 데모를 참고한다.
inherit: 부모 요소로부터 값을 상속 받는다.

 

 

 

 

 

'웹코딩 > css3' 카테고리의 다른 글

CSS minify (최소화)  (0) 2022.01.20
css 초기화 ( css initialize, reset )  (0) 2022.01.20
CSS3 background 속성  (2) 2022.01.18
CSS 문자열 속성 선택자  (0) 2022.01.18
position 의 종류와 개별 특성  (0) 2022.01.13