7-2 테두리

border 관련 속성

속성	설명
border-width	테두리의 굵기 지정 *값 -> medium, thin, thick, <길이>
border-style	테두리의 스타일 지정 *값 -> none, hidden, dotted, dashed, solid, double, froove, ridge, inset, outset
border-color	테두리의 색상 지정 *값 -> <색상>(검정), transparent
border	border-* 속성을 한꺼번에 지정 * border-style 속성값은 필수

 

*속성값의 개수에 따른 적용 방향

4 -> 상 우 하 좌

3 -> 상 좌우 하

2 -> 상하 좌우

1 -> 상하좌우

 

 

ex)

 

 

ex2)

 

ex3)

 

 

ex4)

 

 

 

 

-border-radius 속성

: 요소 박스의 각 모서리를 둥글게 지정

 

출력:

 

 

 

 

-box-shadow 속성

: 박스 요소에 그림자 스타일 지정

 

 

출력: