[XML] CSS에서 border 속성 (top, right, bottom, left)

CSS에서 border 속성이란 ? ? ?

요소의 테두리를 설정하는 속성입니다.

 

 

border 속성에는 3개의 argument가 있습니다.

1. width

2. line

3. line color

 

border:  width   line   line-color;

 

Border 적용 안 했을 때

 

border: 3pt solid blue;

 

border: 3pt dotted blue;

 

 

border: 3pt dotted blue;
background-clip: border-box;

dot line 에도 배경색이 있는 것을 확인할 수 있습니다.

 

border: 3pt dotted blue;
background-clip: padding-box;

dot line 에는 배경색이 없는 것을 확인할 수 있습니다.

 

border: 3px dotted black;
background-clip: content-box;

 

 

border-left: 5pt solid orange;
border-top: 5pt dotted yellow;
border-right: 10pt solid greenyellow;
border-bottom: 7pt dotted blue;

상하좌우의 속성을 다르게 할 수도 있습니다.

 

 

◡̈