지식나눔

공유하기

CSS 테두리 제어하기

테두리종류

border-style 전체 테두리 모양지정

border-top-style - 위쪽 테두리 모양을 지정

border-bottom-style - 아래쪽의 테두리 모양을 지정

border-left-style 왼쪽의 테두리의 모양을 지정

border-right-style -오른쪽 테두리의 모양을 지정

-----------------------------------------------------------------------------------------------------
 
none - 테두리를 보이지 않음

dotted - 테두리 점선 표시

dashed - 테두리를 좀 더 긴 점선으로 표시

solid - 테두리를 직선으로 표시

doubole - 테두리 이중 실선 표시

groove - 테두리를 오목한 실선으로 표시

ridge- 테두리 볼록한 실선으로 표시

inset - 테두리를 내용이 오목한 모양으로 표시

outset - 테두리를 내용이 볼록한 모양으로 표시

 

테두리 색상지정

border-color  -전체 테두리의 색상지정

border-top-color -위쪽 테두리의 색상지정

border-bottom-color - 아래쪽의 테두리 색상지정

border-left-color - 왼쪽의 테두리 색상지정

border-right-color -오른쪽의 테두리 색상지정

 

테두리 두꼐 지정

border-width  - 전체 테두리의 두꼐를 지정

border-top-width - 위쪽 테두리 두꼐 지정

border-bottom-width - 아래쪽 테두리 두꼐지정

border-left-width  -  왼쪽 테두리 두꼐 지정

border-right-width - 오른쪽의 테두리 두꼐를 지정

 

테두리의 속성한번에 하기

border:[테두리 종류] [테두리의 두꼐][테두리의 색상]

공유하기
등록자

차한진

등록일
2009-11-01 16:44
조회
17,731