• 회원가입
  • 로그인

[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>


결과보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012