iframe 요소

iframe 요소

inline frame의 약자.

iframe 요소를 이용하면 해당 웹 페이지 안에 어떠한 제한 없이 또 다른 하나의 웹 페이지를 삽입할 수 있습니다.

<iframe src="삽입할페이지주소"></iframe>

 

iframe 요소는 frame 요소와는 달리 종료 태그가 존재합니다.

또한, iframe 요소는 명시된 크기로 삽입되는 창의 크기가 고정됩니다.

<iframe src="/css/intro" style="width:100%; height:300px">

</iframe>

 

iframe 요소의 테두리 변경

iframe 요소는 기본적으로 검정색 테두리(border)를 가집니다.

이러한 테두리의 스타일은 style 속성에서 border 속성을 이용하면 변경할 수 있습니다.

<iframe src="/css/intro" style="width:100%; height:300px; border: 3px dashed maroon">

</iframe>