Meta tags:
description=A tag marquee do HTML era obsoleta e rolava texto ou imagens pela página. Saiba por que foi removida e como rolar conteúdo com animações CSS.;

Headings (most frequently used words):

de, marquee, tag, html, com, exemplo, rolagem, texto, por, que, foi, removido, substituição, moderna, css, aviso, acessibilidade, alternativas, sintaxe, legada, apenas, para, referência, atributos, prática, uso, da, imagem, criação, usando,

Text of the page (most frequently used words):
html (78), #marquee (55), com (24), para (22), css (21), svg (19), title (16), aprender (15), tag (15), rolagem (15), que (12), não (12), #atributos (11), conteúdo (11), body (11), head (11), the (11), exemplo (11), define (10), você (10), color (9), tags (9), animation (9), canvas (9), elemento (8), w3docs (7), por (7), direction (7), text (7), style (7), como (7), texto (7), todos (6), acessibilidade (6), foi (6), atributo (6), copiar (6), doctype (6), span (6), ferramentas (5), javascript (5), apenas (5), font (5), código (5), pixels (5), width (5), navegadores (5), scroll (5), mesmo (5), with (5), document (5), use (5), uma (5), introdução (5), html5 (5), formatter (5), code (4), generator (4), prática (4), referência (4), substituição (4), moderna (4), behavior (4), transform (4), translatex (4), ser (4), reproduzir (4), efeito (4), left (4), experimente (4), scrolling (4), created (4), movimento (4), página (4), imagens (4), json (3), encoder (3), editor (3), quizzes (3), exercícios (3), php (3), exemplos (3), aviso (3), removido (3), this (3), loop (3), propriedade (3), keyframes (3), devem (3), usados (3), entre (3), valor (3), padrão (3), direção (3), esse (3), são (3), element (3), background (3), 100 (3), propriedades (3), media (3), imagem (3), veja (3), pode (3), efeitos (3), mais (3), play (3), state (3), animações (3), div (3), box (3), elementos (3), obsoleta (3), templates (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), idioma (2), sobre (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), snippets (2), web (2), sintaxe (2), legada (2), alternativas (2), page (2), menu (2), mark (2), scrollamount (2), weight (2), table (2), quais (2), recursos (2), antigo (2), moderno (2), também (2), evento (2), globais (2), espaço (2), redor (2), velocidade (2), cada (2), number (2), rola (2), height (2), down (2), right (2), nenhuma (2), especificação (2), atual (2), compatíveis (2), onde (2), ainda (2), hoje (2), eles (2), padding (2), estilizar (2), alt (2), img (2), agora (2), uso (2), nesta (2), adicione (2), legado (2), acima (2), criar (2), pausa (2), hover (2), está (2), usuários (2), teclado (2), pausar (2), parar (2), controle (2), prefers (2), reduced (2), motion (2), podem (2), qualquer (2), possa (2), pelo (2), critério (2), wcag (2), class (2), seu (2), sem (2), obsoletas (2), abaixo (2), suporte (2), fazia (2), ela (2), removida (2), era (2), rolar (2), pela (2), blink (2), accept (2), dir (2), formulários (2), tutorial (2), url (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, empresa, try, tutoriais, gratuitos, desde, 2014, next, previous, yes, was, helpful, verificar, depreciada, regra, junto, suporta, largura, vertical, vspace, habilita, consistente, diferentes, boolean, truespeed, atraso, milliseconds, scrolldelay, quantidade, intervalo, quantas, vezes, será, rolado, omitido, indefinidamente, horizontal, hspace, altura, cor, fundo, rgb, xxxxxx, colorname, bgcolor, tipo, slide, alternate, descrição, seguir, eram, ajustar, aparência, estão, definidos, especificações, sinalizarão, respeitam, comportamento, garantido, padronizados, and, styled, properties, lightblue, criação, usando, dica, 190, https, api, uploads, default, 0001, 0710cad7a1017902166203def268a0df2a5fd545, png, src, vamos, ver, exibir, alterar, outro, cima, baixo, sans, serif, family, 8ebf42, 800, size, vem, pares, escrito, abertura, fechamento, seção, mantidos, aqui, ajudar, reconhecê, migrá, novas, páginas, além, abordagem, puramente, ricos, combinando, leia, nosso, saber, método, snippet, passar, mouse, via, mas, disponível, toque, importante, botão, visível, alterne, possam, forneça, none, reduce, alguns, pediram, explicitamente, sistema, minimizar, elas, causar, náusea, vertigem, desative, respeite, exige, mova, pisque, role, automaticamente, cinco, segundos, usuário, simples, oferece, portanto, falha, neste, pausado, parado, ocultado, sucesso, ocultar, preocupação, real, preferência, estética, controla, trocando, valores, suavidade, todas, totalmente, suportadas, transition, duration, instead, paused, pause, when, user, hovers, giving, them, control, from, infinite, linear, start, fully, off, screen, inline, block, display, border, sizing, keep, one, line, nowrap, white, space, hide, outside, hidden, overflow, simplesmente, traduzido, contêiner, reproduzi, contínuo, violar, prejudica, animação, pertence, apresentação, marcação, fabricantes, remover, momento, linters, validadores, sinalizam, erro, faz, parte, embora, maioria, dos, compatibilidade, retroativa, deve, tratá, obsoleto, renderize, esta, aborda, padrões, atuais, regras, seguidas, quando, move, tela, living, standard, oficialmente, existem, recomendação, lista, depreciadas, reconhecer, substituir, novo, perigo, padronizada, usada, horizontalmente, verticalmente, assim, amplamente, criticada, seus, problemas, usabilidade, netscape, rolava, saiba, charset, checked, autoplay, action, accesskey, colspan, defer, autofocus, autocomplete, draggable, download, disabled, coords, controls, contenteditable, content, async, attribute, reference, forms, vídeos, youtube, multimídia, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, desfoque, aos, filtros, stroking, path, polyline, polygon, linha, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, thead, tfoot, textarea, template, tbody, sup, summary, sub, strong, strike, spacer, source, small, select, section, script, samp, ruby, rtc, progress, pre, picture, plaintext, param, output, option, optgroup, object, noscript, noframes, nobr, nav, meter, meta, menuitem, map, main, link, legend, label, keygen, kbd, isindex, ins, input, iframe, hgroup, header, frameset, frame, form, footer, figure, figcaption, fieldset, embed, dialog, dfn, details, del, datalist, data, colgroup, col, cite, center, caption, button, blockquote, big, bdo, bdi, basefont, base, audio, aside, article, area, applet, address, acronym, abbr, xhtml, tabela, tipos, mime, mensagens, status, métodos, atalhos, entidades, codificação, utf, códigos, 8859, ascii, conjuntos, caracteres, references, migração, áudio, vídeo, semânticos, layout, computercode, caminhos, arquivo, estilos, scripts, blocos, tabelas, comentários, cores, listas, links, formatação, títulos, básicas, editores, basics, entrar, pesquisar, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos,

Text of the page (random words):
tag html marquee w3docs w3docs livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos quizzes exercícios snippets ferramentas general tools html editor password generator html encoder code diff json beautifier todos os 13 color tools color picker color converter color mixer color hex colors hsl todos os 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder todos os 19 code formatters javascript formatter css formatter html formatter json formatter php formatter pesquisar na w3docs k pt english en deutsch de русский ru français fr español es português pt italiano it entrar aprender html html basics introdução ao html editores e ferramentas elementos html tags básicas do html atributos html títulos html formatação html links html listas html cores em html comentários html tabelas html blocos html scripts html estilos html css caminhos de arquivo html html computercode html templates templates de layout templates de formulários html 5 introdução ao html5 tags html5 elementos semânticos áudio vídeo suporte a navegadores html5 migração para html5 html references conjuntos de caracteres ascii iso 8859 1 códigos de idioma iso codificação utf 8 entidades html atalhos de teclado métodos http imagens html mensagens de status http tipos mime tabela de tags html xhtml html url html tags tags obsoletas atributos globais html atributos de evento tags html doctype a abbr acronym address applet area article aside audio b base basefont bdi bdo big blink blockquote body br button canvas caption center cite code col colgroup data datalist dd del details dfn dialog dir div dl dt em embed fieldset figcaption figure font footer form frame frameset h1 h6 head header hgroup hr html i iframe img input ins isindex kbd keygen label legend li link main map mark marquee menu menuitem meta meter nav nobr noframes noscript object ol optgroup option output p param plaintext picture pre progress q rb rp rt rtc ruby s samp script section select small source spacer span strike strong style sub summary sup svg table tbody td template textarea tfoot th thead time title tr track tt u ul var video wbr xmp canvas tutorial introdução ao canvas desenhando no canvas coordenadas do canvas gradientes no canvas texto no canvas imagens no canvas referência do canvas svg tutorial introdução ao svg svg no html5 retângulo svg círculo svg svg elipse linha svg svg polygon svg polyline svg path svg text svg stroking introdução aos filtros svg efeitos de desfoque svg sombras projetadas svg svg lineargradient gradiente radial svg referência svg html attributes atributos obsoletos atributo class do html atributo id do html html media html multimídia vídeos do youtube em html html forms formulários html html attribute reference alt async accept content contenteditable controls coords disabled download draggable autocomplete autofocus defer dir colspan accesskey action autoplay checked accept charset tag html marquee a tag marquee do html era obsoleta e rolava texto ou imagens pela página saiba por que foi removida e como rolar conteúdo com animações css o elemento marquee é uma tag html obsoleta e não padronizada que era usada para criar texto ou imagens com rolagem ela fazia o conteúdo rolar horizontalmente ou verticalmente pela página web assim como o elemento blink do netscape foi amplamente criticada por seus problemas de usabilidade perigo não use marquee em código novo ela foi removida do html living standard e é oficialmente obsoleta os exemplos nesta página existem apenas para que você possa reconhecer e substituir código legado não são uma recomendação para efeitos de rolagem hoje use a substituição moderna com css abaixo veja também a lista de tags html depreciadas esta página aborda o que o marquee fazia por que foi removido como reproduzir seu efeito com animações css compatíveis com os padrões atuais e as regras de acessibilidade que devem ser seguidas quando o conteúdo se move na tela por que o marquee foi removido embora a maioria dos navegadores ainda renderize o marquee por compatibilidade retroativa você deve tratá lo como obsoleto não faz parte de nenhuma especificação atual os fabricantes de navegadores podem remover o suporte a qualquer momento e ferramentas linters e validadores o sinalizam como erro é apresentação em marcação animação pertence ao css não a elementos html prejudica a acessibilidade conteúdo em movimento contínuo pode violar o wcag veja acessibilidade abaixo substituição moderna com css o efeito marquee é simplesmente um elemento traduzido pelo seu contêiner em loop você pode reproduzi lo com keyframes do css e a propriedade transform sem javascript e sem tags obsoletas doctype html html head title title of the document title style marquee overflow hidden hide the text outside the box white space nowrap keep the text on one line box sizing border box marquee span display inline block padding left 100 start fully off screen on the right animation scroll left 12 s linear infinite keyframes scroll left from transform translatex 0 to transform translatex 100 pause the animation when the user hovers giving them control marquee hover span animation play state paused style head body div class marquee span a scrolling text created with css animation instead of marquee span div body html copiar como o movimento agora está no css você controla a velocidade com animation duration a direção trocando os valores de translatex e a suavidade com as propriedades transition e animation todas padrão e totalmente suportadas aviso de acessibilidade conteúdo em movimento é uma preocupação real de acessibilidade não uma preferência estética o critério de sucesso 2 2 2 do wcag pausar parar ocultar exige que qualquer conteúdo que se mova pisque ou role automaticamente por mais de cinco segundos possa ser pausado parado ou ocultado pelo usuário um marquee simples não oferece esse controle portanto falha neste critério respeite prefers reduced motion alguns usuários pediram explicitamente ao sistema para minimizar animações elas podem causar náusea ou vertigem desative a rolagem para eles media prefers reduced motion reduce marquee span animation none copiar forneça um controle de pausa o exemplo css acima pausa ao passar o mouse via animation play state mas o hover não está disponível para usuários de teclado ou toque para conteúdo importante adicione um botão visível de pausar reproduzir que alterne animation play state para que todos possam parar o movimento alternativas à tag html marquee além da abordagem puramente com css acima você pode criar efeitos de rolagem mais ricos combinando css e javascript leia nosso snippet para saber mais sobre esse método sintaxe legada apenas para referência aviso os exemplos nesta seção são código legado mantidos aqui apenas para ajudar você a reconhecê lo e migrá lo não adicione marquee a novas páginas use a substituição moderna com css a tag marquee vem em pares o conteúdo é escrito entre as tags de abertura marquee e fechamento marquee exemplo de uso da tag html marquee exemplo da tag html marquee doctype html html head title title of the document title style marquee font size 30 px font weight 800 color 8ebf42 font family sans serif style head body marquee a scrolling text created with html marquee element marquee body html copiar experimente você mesmo use o atributo direction do elemento marquee para alterar a direção do texto ou da imagem veja outro exemplo onde o texto rola de cima para baixo exemplo de texto com rolagem exemplo da tag marquee com o atributo direction doctype html html head title title of the document title head body marquee direction down a scrolling text created with html marquee element marquee body html copiar experimente você mesmo agora vamos ver um exemplo de uso do elemento marquee para exibir uma imagem com rolagem exemplo de imagem com rolagem exemplo da tag marquee com os atributos behavior e direction doctype html html head title title of the document title head body marquee behavior scroll direction up img src https api w3docs com uploads media default 0001 01 0710cad7a1017902166203def268a0df2a5fd545 png width 190 height 45 alt w3docs marquee body html copiar experimente você mesmo dica use as propriedades css width e background color para estilizar o elemento marquee exemplo de criação de texto com rolagem usando a tag html marquee exemplo de como estilizar a tag html marquee com as propriedades width e background color doctype html html head title title of the document title head body style marquee width 100 padding 10 px 0 background color lightblue style marquee direction scroll this scrolling text is created with html marquee element and styled with css properties marquee body html copiar experimente você mesmo atributos os atributos a seguir eram usados para ajustar a aparência do elemento marquee todos eles são não padronizados não estão definidos em nenhuma especificação atual e ferramentas compatíveis com especificações os sinalizarão mesmo onde os navegadores ainda os respeitam hoje esse comportamento não é garantido atributo valor descrição behavior scroll slide alternate define o tipo de rolagem bgcolor rgb x x x xxxxxx colorname define a cor de fundo direction up down left right define a direção do conteúdo com rolagem height pixels define a altura do marquee hspace pixels define o espaço horizontal ao redor do marquee loop number define quantas vezes o conteúdo será rolado se omitido o conteúdo rola indefinidamente scrollamount number define a quantidade de rolagem em cada intervalo em pixels o valor padrão é 6 scrolldelay milliseconds define o atraso entre cada rolagem o valor padrão é 85 truespeed boolean habilita velocidade de rolagem consistente entre diferentes navegadores vspace pixels define o espaço vertical ao redor do marquee width pixels define a largura do marquee a tag marquee também suporta os atributos globais e os atributos de evento prática prática quais recursos css devem ser usados para reproduzir o antigo efeito de rolagem do marquee em código moderno quais recursos css devem ser usados para reproduzir o antigo efeito de rolagem do marquee em código moderno a regra keyframes junto com a propriedade transform translatex a tag marquee depreciada com o atributo behavior o elemento html table apenas a propriedade font weight os atributos html loop e scrollamount verificar was this page helpful yes no previous mark next menu on this page por que o marquee foi removido substituição moderna com css aviso de acessibilidade alternativas à tag html marquee sintaxe legada apenas para referência atributos prática w3docs tutoriais exemplos exercícios snippets e quizzes gratuitos para a web desde 2014 livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python prática exercícios quizzes editor try it ferramentas html editor password generator html encoder code diff json beautifier empresa sobre contato política de privacidade idioma english deutsch русский français español português italiano 2026 w3docs todos os direitos reservados feito para desenvolvedores