본문 바로가기

Web/ASP

iframe에 대하여

출처 헤르메스의 날개 | 헤르메스
원문 http://blog.naver.com/hermeswing/150015959209

<iframe> border, bordercolor, frameborder, name, scrolling

 

<fram>과 유사한 기능을 가지는 요소인데, 다른점은 브라우져에 나타나는 html문서에서 자유로운 위치에 새로운 창으로 생성됩니다.

floating frame이라는 것입니다.

 

<iframe frameborder="0" leftmargin="0" height="400" width="600" marginheight="0" marginwidth="0" scrolling="auto" src="sample.html" topmargin="0"> 익스플로어만 가능합니다. </iframe>

 

위에서 처럼 사용하면, 익스프로어가 아닌 다른 브라우저로 검색할 경우 가로 40, 세로 100의 새로운 창(sample.html의 내용)이 열리면서, '익스플로어만 가능합니다.'라는 문장을 보내줍니다.

 

border='테두리 굵기'

 

floating frame의 테두리의 굵기를 정합니다. 주의할것은 frameborder와 함께 정의되어야 한다는 것입니다.

 

bordercolor='테두리 색깔'

 

frameborder가 정해진 상태에서 테두리의 색깔을 지정합니다.

 

frameborder='태두리의 유무'

 

테두리를 설정할 경우 'yes' or ('1') 테두리를 없앨경우 'no' or ('0')로 한다.

 

name='frame의 이름'

 

scrolling='스크롤 바의 유무'

 

스크롤 바는 프레임의 길이와 문서의 분량에 땨라 자동으로 만들어지지만, 필요헤 따라 없앨 수도 있다. scrolling='no'로 하면 막대를 강제로 없앨 수 있고, scrolling='auto'라고 하면, 문서의 길이에 따라 자동으로 막대가 생깁니다.

 

                                      ::: 투명하게 만들기 :::

 

<iframe src='문서' style='filter:Alpha(Opacity=65);'><iframe>

 

65라는 숫자를 조절하면 투명도가 조절됩니다.

 

                                        ::: 감추기 :::

 

<iframe src='문서' style='display:none'></iframe>

 

iframe은 크기를 가지고 있습니다.

결국 꽉찬 화면에서 iframe은 사용하면 화면에 알수없는 스크롤이 생깁니다.

이럴때는 감춰주세요... ^^*