aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/web/html/element/marquee/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-br/web/html/element/marquee/index.html')
-rw-r--r--files/pt-br/web/html/element/marquee/index.html102
1 files changed, 102 insertions, 0 deletions
diff --git a/files/pt-br/web/html/element/marquee/index.html b/files/pt-br/web/html/element/marquee/index.html
new file mode 100644
index 0000000000..4fc41baabc
--- /dev/null
+++ b/files/pt-br/web/html/element/marquee/index.html
@@ -0,0 +1,102 @@
+---
+title: <marquee>
+slug: Web/HTML/Element/marquee
+translation_of: Web/HTML/Element/marquee
+---
+<p> </p>
+
+<p>{{HTMLRef}}</p>
+
+<p>{{obsolete_header}}</p>
+
+<p> </p>
+
+<p>O elemento html &lt;marquee&gt; é usado para inserir uma área de rolagem de texto"scrolling" , similar a um letreiro. Você pode controlar o comportamento do conteúdo fornecendo alguns atributos extras.</p>
+
+<h2 id="Atributos">Atributos</h2>
+
+<dl>
+ <dt>{{htmlattrdef("behavior")}}</dt>
+ <dd>Define como o texto é rolado dentro da área do letreiro. Os valores possíveis são scroll, slide e alternate. Se nenhum valor for especificado, o valor padrão será scroll.</dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("bgcolor")}}</dt>
+ <dd>Define a cor do plano de fundo do letreiro através do nome da cor (ex: red, blue) ou de um valor hexadecimal. </dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("direction")}}</dt>
+ <dd>Define a direção da rolagem do texto dentro do letreiro, os possíveis valores são: left, right, up &amp; down. Se nenhum valor for especificado, o valor padrão será "left".</dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("height")}}</dt>
+ <dd>Define a altura do letreiro em pixeis ou em um valor percentual.</dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("hspace")}}</dt>
+ <dd>Aplica a margem horizontal. </dd>
+ <dt>{{htmlattrdef("loop")}}</dt>
+ <dd>Define o número de repetições da animação do letreiro. Se nenhum valor for especificado assumirá o valor padrão de -1, que significa que a animação será repetida infinitamente.</dd>
+ <dt>{{htmlattrdef("scrollamount")}}</dt>
+ <dd>Define em pixeis o tamanho de rolagem em cada intervalo, o valor padrão é 6.</dd>
+ <dt>{{htmlattrdef("scrolldelay")}}</dt>
+ <dd>Define o intervalo de tempo entre cada animação de rolagem em milissegundos. O valor padrão é 85. Qualquer valor menor que 60 será ignorado e o valor 60 será usado, a menos que seja especificado como truespeed.   </dd>
+ <dt>{{htmlattrdef("truespeed")}}</dt>
+ <dd>Por padrão, valores abaixo de 60 milissegundos são ignorados, a menos que o valor truespeed esteja presente, caso esteja estes valores são aceitos. </dd>
+ <dt>{{htmlattrdef("vspace")}}</dt>
+ <dd>Aplica uma margem vertical em pixeis ou em valor percentual.</dd>
+ <dt>{{htmlattrdef("width")}}</dt>
+ <dd>Define a largura em pixeis ou em um valor percentual.</dd>
+</dl>
+
+<h2 id="Event_Handlers">Event Handlers</h2>
+
+<dl>
+ <dt>
+ <p>{{htmlattrdef("onbounce")}}</p>
+ </dt>
+ <dd>Dispara quando o letreiro alcança o final da sua posição de rolagem. Ele apenas dispara quando o comportamento está configurado como <code>alternate.</code></dd>
+</dl>
+
+<dl>
+ <dt>{{htmlattrdef("onfinish")}}</dt>
+ <dd>Dispara quando o letreiro terminar a quantidade de repetições definida pelo atributo loop. Só pode disparar quando o atributo loop estiver definido para algum número maior que 0, obviamente.</dd>
+ <dt>{{htmlattrdef("onstart")}}</dt>
+ <dd>Dispara quando o letreiro começa a se mover.</dd>
+</dl>
+
+<h2 id="Métodos">Métodos</h2>
+
+<dl>
+ <dt>
+ <p><code>start()</code></p>
+ </dt>
+ <dd>Começa a mover o letreiro.</dd>
+ <dt><code>stop()</code></dt>
+ <dd>Para de mover o letreiro.</dd>
+</dl>
+
+<h2 id="Exemplos">Exemplos</h2>
+
+<pre><code>&lt;marquee&gt;Este texto vai "rolar" da direita para esquerda&lt;/marquee&gt;
+
+&lt;marquee direction="up"&gt;Este texto vai rolar de baixo para cima.&lt;/marquee&gt;
+
+&lt;marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid"&gt;
+ &lt;marquee behavior="alternate"&gt;
+ Este texto vai pular
+ &lt;/marquee&gt;
+&lt;/marquee&gt;</code></pre>
+
+<p> </p>
+
+<p> </p>
+
+<p> </p>
+
+<p> </p>
+
+<p> </p>