<marquee>: Phần tử Marquee

Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

Phần tử <marquee> trong HTML được sử dụng để chèn một vùng văn bản cuộn. Bạn có thể kiểm soát những gì xảy ra khi văn bản đến các cạnh của vùng nội dung bằng cách sử dụng các thuộc tính của nó.

Phần tử HTML <marquee> đã bị deprecated và việc sử dụng nó rất không được khuyến khích. Nếu bạn phải tạo hiệu ứng văn bản cuộn hoặc các phần tử liên tục, hãy cân nhắc sử dụng CSS animations với CSS transforms thay vì phần tử <marquee> để tạo hiệu ứng nội dung mượt mà. Ngoài ra, hãy bao gồm truy vấn CSS prefers-reduced-motion @media để dừng hoạt ảnh dựa trên tùy chọn của người dùng, từ đó cải thiện trải nghiệm người dùng và khả năng tiếp cận.

Thuộc tính

behavior Đã lỗi thời: Đặt cách cuộn văn bản trong marquee. Các giá trị có thể là scroll, slide và alternate. Nếu không chỉ định giá trị, giá trị mặc định là scroll.
bgcolor Đã lỗi thời: Đặt màu nền thông qua tên màu hoặc giá trị thập lục phân.
direction Đã lỗi thời: Đặt hướng cuộn trong marquee. Các giá trị có thể là left, right, up và down. Nếu không chỉ định giá trị, giá trị mặc định là left.
height Đã lỗi thời: Đặt chiều cao tính bằng pixel hoặc giá trị phần trăm.
hspace Đã lỗi thời: Đặt lề ngang.
loop Đã lỗi thời: Đặt số lần marquee sẽ cuộn. Nếu không chỉ định giá trị, giá trị mặc định là −1, có nghĩa là marquee sẽ cuộn liên tục.
scrollamount Đã lỗi thời: Đặt lượng cuộn tại mỗi khoảng thời gian tính bằng pixel. Giá trị mặc định là 6.
scrolldelay Đã lỗi thời: Đặt khoảng thời gian giữa mỗi lần di chuyển cuộn tính bằng mili giây. Giá trị mặc định là 85. Lưu ý rằng bất kỳ giá trị nào nhỏ hơn 60 đều bị bỏ qua và giá trị 60 được sử dụng thay thế trừ khi truespeed được chỉ định.
truespeed Đã lỗi thời: Theo mặc định, các giá trị scrolldelay nhỏ hơn 60 bị bỏ qua. Nếu truespeed hiện diện, các giá trị đó sẽ không bị bỏ qua.
vspace Đã lỗi thời: Đặt lề dọc tính bằng pixel hoặc giá trị phần trăm.
width Đã lỗi thời: Đặt chiều rộng tính bằng pixel hoặc giá trị phần trăm.

Ví dụ

html

<marquee>This text will scroll from right to left</marquee>

<marquee direction="up">This text will scroll from bottom to top</marquee>

<marquee
  direction="down"
  width="250"
  height="200"
  behavior="alternate"
  class="outlined">
  <marquee behavior="alternate">This text will bounce</marquee>
</marquee>

css