[deprecated] HTML - <marquee> 태그 - 요소 내용 자동 스크롤 이동 영역 지정 (= marquee태그 = 마퀴태그)

1. <marquee> 예제 - 요소 내용 자동 스크롤 이동
2. <marquee> 정의
3. <marquee> 구문
4. <marquee> 예제 - 마우스오버 시 멈추기 / 이탈 시 이동

<marquee> 예제 - 요소 내용 자동 스크롤 이동

 

<marquee>오른쪽에서 왼쪽으로 (Homzzang.com)</marquee>

<marquee direction="up">아래서 위로 (Homzzang.com)</marquee>

<marquee direction="down" width="300" height="200" behavior="alternate" style="border:1px solid"><marquee behavior="alternate">상하좌우 튕기기 (Homzzang.com)</marquee></marquee>

 

결과보기

<marquee> 정의

 

요소  내용이 스크롤 이동할 영역 지정.

 

---

 

1.

• HTML5에서 사용폐기된 태그이니, 사용 비권장.
• 주요 브라우저는 호환성 차원에서 한시적 지원 중.

2.

주요 브라우저 모두 지원 중. (단, 언제 지원 중단될지 모름.)

 

<marquee> 속성

 

behavior (폐기예고)

선택 윤곽 내에서 텍스트가 스크롤되는 방식을 설정. (가능값 종류)

• scroll (기본값)
• slide
• alternate

bgcolor (폐기예고)

색상명 또는 16진수값 통해 배경색 지정.

direction (폐기예고)

스크롤 방향 설정. (가능값 종류)

• left (기본값)
• right
• up
• down

height (폐기예고)

높이를 픽셀 또는 백분율 값으로 설정.

hspace (폐기예고)

가로 여백 설정.

loop (폐기예고)

스크롤 횟수 설정. (기본값은 -1):무한스크롤 의미

scrollamount (폐기예고)

각 간격의 스크롤 양을 픽셀 단위로 설정. (기본값: 6)

scrolldelay (폐기예고)

각 스크롤 이동 사이의 간격을 밀리초 단위로 설정. (기본값: 85)

• 60 미만 시 무시되며, truespeed 미지정 시 60이 대신 사용됨.

truespeed (폐기예고)

기본적으로 60미만 scrolldelay 값은 무시되나, truespeed 존재 시 유지됨.

vspace (폐기예고)

세로 여백을 픽셀 또는 백분율 값으로 설정.

width (폐기예고)

너비를 픽셀 또는 백분율 값으로 설정.

 

<marquee> 예제 - 마우스오버 시 멈추기 / 이탈 시 이동

 

<marquee  style="border:1px solid" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()">홈짱닷컴 Homzzang.com</marquee>

결과보기