글씨를 움직이게 해주는 html 태그, <marquee>

 

 

marquee 태그를 이용하면 html만으로 움직이는 글자를 구현할 수 있다.

 

 

1.

<marquee>이렇게 적으면 글자가 오른쪽에서 왼쪽으로 움직인다.</marquee>

예시)

이렇게 적으면 글자가 오른쪽에서 왼쪽으로 움직인다.

 

2.

<marquee direction="up">이렇게 적으면 글자가 아래에서 위로 움직인다.</marquee>

예시)

이렇게 적으면 글자가 아래에서 위로 움직인다.

 

3.

<marquee direction="down" width="500" height="150" behavior="alternate" style="border:solid">

<marquee behavior="alternate">이렇게 적으면 글자가 박스 안에서 움직인다.</marquee>

</marquee>

예시)

이렇게 적으면 글자가 박스 안에서 움직인다.

 

4. style을 안 적으면 테두리 선이 투명해지며, 박스 크기를 잘 조정하면

이렇게도 만들 수 있다.

 

 

 

더 자세한 내용은 아래 주소를 참고.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee

 

※ 주의!

티스토리는 글 쓸 때 html모드에서 marquee 태그를 사용한 후 다시 기본모드로 돌아오면 marquee 태그 관련 내용이 날아가버린다. html모드에서 바로 글 작성 완료를 눌러야만 marquee가 적용된다.