<html>
<head>
<basefont size="2">
<script language="Javascript">
<!--//
//-->
</script>
</head>
<body bgcolor=#DDDDDD>
스타일 정의 테스트<br>
<input type=text> plain<br>
<input type=text style="border:1 solid; border-color:red"> =
<!-- 아래와 같음 -->
<input type=text style="border-width:1; border-style:solid; border-color:red"> 1 solid<br>
<!-- 즉 border스타일은 border-width와 border-style을 합친 형태임. -->
<input type=text style="border:1 dashed; border-color:red"> 1 dashed<br>
<input type=text style="border:1 none;"> none<br>
<input type=text style="border-left:1 none;border-right:1 none;border-color:red"> right & left none<br>
<input type=text style="border:2 double;"> double<br>
<input type=text style="border:2 groove;"> groove<br>
<input type=text style="border:2 ridge;"> ridge<br>
<input type=text style="border:2 inset;"> inset<br>
<input type=text style="border:2 outset;"> outset<br>
</body>
</html>
'Tech: > HTML·DHTML' 카테고리의 다른 글
| 컨트롤을 이용하지 않은 실시간 내용 갱신 (0) | 2008.06.26 |
|---|---|
| window.open의 주의사항 (0) | 2008.06.26 |
| 입력한 Text의 byte수 체크 (0) | 2008.06.26 |
| 까만 밤에 환한 플래쉬 비추기 효과 (0) | 2008.06.26 |
| 페이지 내용안의 이미지 바꾸기 (0) | 2008.06.26 |
