• 아이프레임 활용 2 <테두리긋기>
  • Zappy (IP: *.230.163.22)
    조회 수: 9859, 2006-01-04 10:50:12(2006-01-04)
  • 선테두리를 두르는 소스는 아래와 같습니다.
    <iframe src="넣고자 하는 문서" frameborder="0" width="600" height="200" marginwidth="0" marginheight="0" scrolling="yes" style="border:1 solid green"></iframe>

    style="border:1 solid green" 는 아이프레임에 테두리를 부분입니다.
    물론 테두리가 필요없는 분은 빼도 됩니다. 여기에서 "1 solid green"은 각각 테두리의 두께, 속성, 색상을 말합니다.
    만약 두께를 더 두껍게 하고 싶으시다면 "1" 대신 다른 수를 넣으시면 되겠죠?







    점선테두리를 두르는 소스는 아래와 같습니다.  
    <iframe src="넣고자 하는 문서" frameborder="0" width="600" height="200" marginwidth="0" marginheight="0" scrolling="yes" style="border-right: dotted green 1px;  border-left: dotted green 1px; border-top: dotted green 1px;  border-bottom: dotted green 1px;" border="3"  frameborder="no"></iframe>



    style="border-right: dotted green 1px;  border-left: dotted green 1px; border-top: dotted green 1px;  border-bottom: dotted green 1px;" border="3"  frameborder="no"는 아이프레임의 점선 테두리를 결정하는 소스입니다.
    조금 복잡해보이지만 사실 오른쪽, 왼쪽, 위, 아래 모두 1px의 green색의 도트(점선)의 아이프레임이 생긴다는 뜻입니다.
    여기에서 green대신 #000000(검정색), #cc0000(빨강색) 등과 같이 직접 수치를 적어주셔도 무방하며, 1px의 단위도 마음대로 저절 가능하답니다.(호호는 점선에서 2px를 주어 조금 두껍게 해 보았습니다.)

댓글 0

번호 제목 닉네임 조회  등록일 
34 Zappy 19903 2006-01-21
33 Zappy 10522 2006-01-04
32 Zappy 26887 2006-01-04
31 Zappy 12442 2006-01-04
Zappy 9859 2006-01-04
29 Zappy 11191 2006-01-04
28 Zappy 10447 2006-01-04
27 Zappy 22816 2006-01-04
26 Zappy 11226 2006-01-04
25 Zappy 9071 2006-01-04
XE Login