본문 바로가기
IT_Developers/HTML

HTML - 테두리 없는 iframe 만들기

by 고코더 2019. 10. 28.

아이프레임 라인 없애기


안녕하세요.
고코더 입니다. 


iframe은 나눠져 있는 페이지를 하나로 모으기 좋은 태그 입니다.
하지만 기본 아이프레임은 테두리 경계선과 스크롤이 기본으로 포함되어 있습니다.


 1. 홈페이지에 출간 페이지를 만들어 입력했지만 프레임 흔적이 나타납니다.
이 테두리와 스크롤등 자연스럽게 아이프레임이 페이지에 녹아들도록 변경해보겠습니다.


 2. 사용할 프레임 태그는 이렇습니다. 
<iframe src='주소" width="가로 가이즈" height="세로 사이즈" border="0" framespacing="0" marginheight="0" marginwidth="0" scrolling="no"  vspace="0">/iframe>


 3. 테두리를 지정하는 속성의 설정에 설명입니다.
border
- 경계선 두께
frameborder
- 프레임 경계선의 표시 설정
framespacing
- 프레임셋 프레임간의 간격
hspace/vspace
- 경계선과 인접하고 있는 텍스트 사이의 상하좌우 간격
marginheight
- 프레임의 상하 여백
marginwidth=
- 프레임의 좌우 여백을 설정


 4. 해당 태그를 적용해주면 이렇게 프레임이 자연스럽게 페이지에 노출이 됩니다.



페이지를 따로 개발해서 하나에 페이지에 조합하는 방법을 할때 꼭 테두리는 없애주세요.


마무리


고코더 출간 페이지 




댓글