웹프로그래밍/css

CSS 박스모델 - 경계선

zelkova 2016. 2. 29. 21:53

<목차로 돌아가기>


  박스모델 경계선 표시



 요소 

 설명

 속성 

 border-style

 선의 종류를 설정함

 none.

 dotted

 dashed

 solid

 double

 groove

 ridge

 inset

 outset


상 하 좌 우 설정가능

border-top-style:

border-bottom-style:

border-left-style:

border-right-style:


경계의 폭설정

border-width


경계선 색상 설정

border-color:


한줄로 경계선 속성 지정

border : 3px solid blue;


경계선 곡률 생성하기

border-radius:5px;


경계에 그림자 생성하기

box-shadow: 가로오프셋 세로오프셋 번지는정도 그림자색;

box-shadow: 20px; 10px 5px #abcdef;

반응형