HTML - marquee 태그

HTML에서 유일하게 움직일 수 있는 태그!

마키(marquee)태그에 대해서 알아보는 시간을 가져보도록 하겠습니다!😎

 

사용법 

<marquee> 내용 </marquee>

 

1. 배경색, 높이 넓이 등의 속성

배경색 bgcolor / 높이 height / width 넓이 로 사용

<marquee  bgcolor="red" width="800" height="40">움직이는 태그</marquee>

 

2. direction 속성

움직이는 방향을 결정해주는 속성으로 up, down, left, right로 설정할 수 있다.

(기본 값 : left)

<marquee direction="up"> 위로 </maruqee>
<marquee direction="down"> 아래로 </maruqee>
<marquee direction="right"> 오른쪽으로 </maruqee>
<marquee direction="left"> 왼쪽으로 </maruqee>

 

3. behavior 속성

행동의 형태를 지정하는 속성으로 scroll, alternate, slide로 설정할 수 있다.

(기본 값 : scroll)

<marquee behavior="scroll">반복적으로 움직임</maruqee>
<marquee behavior="alternate">왔다 갔다 움직임</maruqee>
<marquee behavior="slide">끝을 만나서 멈춤</maruqee>

 

4. scrolldelay 속성

마키 태그의 움직임에 대한 지연 시간을 설정한다.

pixel:picture element / pixel이 크면 속도가 빠름

(기본 값 : 80)

<marquee scrolldelay="40">움직임 설정</maruqee>

 

5. loop 속성

반복을 진행 할 횟수를 설정/ 반복이 끝나면 사라짐

<marquee loop="5"> 5번 반복 후 사라짐 </maruqee>