반응형
반응형
반응형

반응형
반응형
[소스]
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 50px; left: 100px; border: dotted">dotted</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 50px; left: 200px; border: dashed">dashed</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 50px; left: 300px; border: solid">solid</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 50px; left: 400px; border: double">double</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 50px; left: 500px; border: groove">groove</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 150px; left: 200px; border: 1 solid">1 solid</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 150px; left: 300px; border: 2 solid">2 solid</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 150px; left: 400px; border: 3 solid">3 solid</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 250px; left: 200px; border: 1 solid red">1 solid red</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 250px; left: 300px; border: 2 solid yellow">2 solid yellow</div>
<div id="Layer0"
 style=" z-index: 1; width: 87px; height: 57px; top: 250px; left: 400px; border: 3 solid blue">3 solid blue</div>


반응형

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

불여우(FireFox)에서 투명효과 사용하기  (1) 2009.02.11
Div Style  (0) 2009.02.11
table, tr, td 속성  (0) 2009.02.11
table display Example  (0) 2009.02.11
DTD  (0) 2009.02.11
반응형

border-style 은 테두리의 스타일을 지정하는 속성입니다.
 

선택자{border-style:속성값}

테두리에 색상값을 지정할 때는 위와 같이 border-width 두께 속성과 함께 지정해야 테두리를 확인할 수 있습니다..

네 변의 테두리 색상값을 각각 다르게 설정할 때는 아래와 같이 합니다.

선택자{border-top-style:속성값;border-right-style:속성값;border-bottom-style:속성값;border-left-style:속성값;}

 

형태를 지정하는 border-style 속성의 속성값


solid (내부가 채워진 선 모양)
ridge (선이 입체적으로 돌출됨)
dotted (점선 모양으로 표시)
dashed (끊어진 선 모양으로 표시)
double (선을 두줄로 표시)
inset (내부가 약간 들어간 듯하게 선을 표시)
outset (바깥으로 돌출된 듯하게 선을 표시)
groove (홈이 파진 듯하게 선을 표시)
none (나타나지 않거나 혹은 기본적인 선 모양)
hidden (모양을 숨김)
반응형

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

색상표코드 알아보는 프로그램  (0) 2009.02.11
css !important  (0) 2009.02.11
윈도우 크기 변화에 따른 폼 속성 크기 변경  (0) 2009.02.11
한글 깨짐 현상  (0) 2009.02.11
css 사전.  (1) 2009.02.11

+ Recent posts