IT/인터넷
IFRAME 속성
日常
2010. 11. 1. 18:22
1. src
IFRAME 에 들어갈 파일의 주소(URL)를 입력
예) src=http://rin2ne.tistory.com/
2. width, height
IFRAME 창의 가로, 세로의 길이를 결정하는 요소
숫자를 입력해야 하며, 단위는 픽셀(Pixel)
예) width="500", height="600"
3. align
IFRAME 을 페이지안에 추가할때 좌,우,중앙 정렬을 어떻게 할것이지 결정
화면왼쪽은 left, 오른쪽은 rignt, 중앙은 center
예) align="left"
4. frameborder
웹 페이지안에 iframe 을 추가할때 iframe 의 테두리선을 보이게 할것인지 아닌지를 결정
보이게 할려면 1 또는 yes, 안보이게 할려면 0 또는 no
예) frameborder="0"
5. scrolling
IFRAME 내부에 상하스크롤을 나타나게 할 것인지 아닌지를 결정
'Yes' 라고 하면 페이지 내용의 많고 적음에 상관없이 스크롤이 생기고,
'No' 라고 하면 무조건 스크롤이 생기지 않음
'Auto' 로 설정하면 내용에 따라 자동으로 스크롤의 생성 여부를 결정
6. name
IFRAME 도 FRAME 이기 때문에 FRAME 에서 사용하는 NAME 속성이 존재한다.
그래서 만약 IFRAME 의 NAME 을 "swingme" 이라고 설정한 후,
다른 프레임의 하이퍼링크에서 TARGET="swingme" 와 같이 설정한다면
이 링크를 눌렀을 때 IFRAME 안에 있는 페이지가 링크를 따라 이동하게 된다.
7. marginwidth, marginheight
이 기능은 IFRAME 내부 페이지의 간격(여백)을 설정
즉, IFRAME 의 테두리와 내부 페이지 내용 사이에 어느 정도의 간격을 둘 것인가를 설정
숫자가 클수록 테두리와 내용 사이의 거리는 멀어지게 되고,
숫자가 작을수록 내용이 테두리와 가까워짐
예) marginwidth="10", marginheight="5"
8. allowtransparency
iframe 은 다른 페이지의 내부에 입력되므로 해당 페이지의 디자인 또는 색상에 영향을 받는다.
즉, swingme.html 페이지의 배경색상이 파랑 이라면 iframe 의 배경색도 파랑색으로 된다.
예를 들자면 하나의 iframe 을 a.html 과 b.html 에 삽입할때
a.html 은 배경색이 파랑, b.html 은 배경색이 빨강일 경우 어떻게 될까?
이럴때 유용하게 사용하는 속성이 바로 allowtransparency 속성이다.
이 속성은 현재 iframe 페이지의 배경색을 투명하게 만들어주는 속성으로
a.html 에 넣으면 파랑으로 b.html 에 넣으면 빨강으로 보여지게 된다.
( 참고로 이 속성은 Internet Explorer 5.5 버전 이상부터 지원 )
9. hspace, vspace
가로,세로 여백을 정함
예)<iframe src="http://rin2ne.tistory.com/" frameborder="no" width="565" height="800" align="left" scrolling="no"></iframe>
반응형