떼르미의 『IT, 그리고 세상』

Border Style 예제

Tech: /HTML·DHTML 2008. 6. 26. 11:03

이상하네... 전에 이 글을 분명히 올린 적이 있었던 것 같은데... 왜 안 보이지???

암튼 다시 올림다. ㅡ.ㅡ;

여기서 사용된 Style은 거의 대부분의 HTML 컨트롤에 적용 가능하며,

정확한 표현을 보려면 IE 5.5 이상의 웹브라우저를 사용하여야 함.

(IE 5.0 이하의 버전에서는 solid 속성과 dashed 속성이 동일하게 표현되는 버그가... ㅡ.ㅡ;)

<html>

<head>

<!--//

//-->

</script>

</head>

스타일 정의 테스트<br>

<input type=text> plain<br>

<input type=text style="border:1 solid; border-color:red"> =

<input type=text style="border-width:1px; border-style:solid; border-color: red"> 1px solid red<br>

<input type=text style="border:1px dashed red"> 1px dashed red<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>

Posted by 떼르미