웹프로그래밍/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;

반응형

'웹프로그래밍 > css' 카테고리의 다른 글

CSS3 애니메이션  (0) 2016.03.04
CSS 효과 및 필터  (0) 2016.03.04
CSS 테이블 스타일  (0) 2014.09.10
CSS 박스 모델링  (0) 2014.09.02
CSS 리스트 관련 스타일  (0) 2014.08.19