일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 포토샵
- 독서
- 휴잇캘리
- procreate
- 책
- 추천도서
- 책추천
- ipadpro10.5
- 베스트셀러
- 포트폴리오
- 언어의온도
- Calligraphy
- 드로잉
- 좋은글
- HTML
- 글귀
- 명언
- 아이패드프로10.5
- 이기주
- 웹디자인
- 휴잇
- 공감글
- Drawing
- 코딩
- 코딩용어정리
- 웹디자이너
- 그림
- 웹배너
- 캘리그라피
- 캘리
Archives
- Today
- Total
HYUIT'S STORY
iframe 본문
아이프레임
* <iframe>
아이프레임은 페이지에서 잘라낸 작은 창이라 생각하면 쉽다.
-inline frame의 약자이다.
아이프레임의 대표적인 사용 예는
여러 사이트에서 봤듯이 구글 지도를 페이지에 내장한 경우다.
아이프레임의 콘텐츠는 같은 서버에 있든지 웹 상의 다른 곳에 있든지 상관없으며 모든 html페이지가 가능하다.
* <iframe>요소를 사용하는 데 필요한 속성
-src : 프레임에 표시할 페이지의 URL을 지정한다.
-height : 아이프레임의 높이를 지정.
-width : 아이프레임의 너비를 지정.
-scrolling : HTML5에서는 지원하지 않음.
scrolling 속성은 아이프레임 내부에 있는 페이지가 height와 width 속성으로 지정한
영역보다 큰 경우에 스크롤바를 사용하여 프레임을 이동하며 더 많은 콘텐츠를 볼 수 있게 한다.
-scrolling의 속성은,
yes(스크롤바 표시), no(스크롤바 숨김), auto(필요한 경우에만 표시) 값 중 하나를 설정할 수 있다.
-frameborder : HTML5에서는 지원하지 않음.
프레임 테두리 표시여부를 지정하는 데 사용한다.
-값,
‘0’(테두리를 표시하지 않음), ‘1’(테두리를 표시)
-seamless : 스크롤바를 원하지 않는 아이프레임에 적용할 수 있다.
'STUDY > html + css' 카테고리의 다른 글
미디어쿼리 (0) | 2018.05.09 |
---|---|
margin-top사용 시, (0) | 2018.02.23 |
블록요소 인라인요소 (0) | 2018.02.22 |
input 태그 (0) | 2018.02.22 |
figure과 figcaption (0) | 2017.12.24 |