Meta tags:
description=O atributo dir faz parte dos Atributos Globais e especifica a direção do texto do conteúdo de um elemento. Leia e descubra em quais elementos ele pode ser…;

Headings (most frequently used words):

dir, do, html, atributo, valores, sintaxe, definindo, direção, documento, com, em, exemplo, efeito, rtl, visível, quando, definir, ltr, explicitamente, uma, observação, sobre, auto, vs, bdo, bdi, direction, css, suporte, nos, navegadores, prática,

Text of the page (most frequently used words):
html (67), dir (38), para (27), atributo (21), rtl (19), svg (19), #direção (18), aprender (15), texto (15), com (13), ltr (11), uma (10), elemento (10), auto (9), canvas (9), w3docs (8), css (8), que (8), pode (7), usado (7), elementos (7), esquerda (7), direita (7), body (7), todos (6), página (6), conteúdo (6), tags (6), navegadores (5), bdi (5), quando (5), definir (5), exemplo (5), dos (5), você (5), base (5), árabe (5), hebraico (5), head (5), title (5), atributos (5), introdução (5), html5 (5), formatter (5), color (5), code (4), generator (4), ferramentas (4), prática (4), bdo (4), valores (4), navegador (4), por (4), string (4), url (4), copiar (4), lang (4), idioma (3), sobre (3), json (3), encoder (3), editor (3), quizzes (3), exercícios (3), php (3), javascript (3), suporte (3), direction (3), efeito (3), visível (3), ter (3), define (3), não (3), dentro (3), sem (3), bidi (3), sua (3), bidirecional (3), mas (3), ele (3), isso (3), primeiro (3), caractere (3), forte (3), pontuação (3), ser (3), parágrafo (3), שלום (3), עולם (3), hebrew (3), greeting (3), doctype (3), escritas (3), templates (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), snippets (2), nos (2), observação (2), explicitamente (2), definindo (2), documento (2), sintaxe (2), this (2), page (2), colspan (2), defer (2), alinhamento (2), está (2), qual (2), propósito (2), segundo (2), portanto (2), geralmente (2), algoritmo (2), sempre (2), faz (2), mesmo (2), valor (2), isola (2), isolamento (2), caracteres (2), herdam (2), são (2), comentários (2), usuário (2), heurística (2), direcional (2), inglês (2), deve (2), attribute (2), como (2), padrão (2), مرحبا (2), بالعالم (2), mais (2), tag (2), content (2), maioria (2), especifica (2), corretamente (2), parte (2), globais (2), accept (2), formulários (2), referência (2), tutorial (2), imagens (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, empresa, try, tutoriais, exemplos, gratuitos, web, desde, 2014, next, previous, yes, was, helpful, verificar, dois, possíveis, especificar, alterar, cor, suportado, modernos, bastante, tempo, usá, alternativas, fallback, equivalente, camada, estilo, preferido, porque, também, informa, tecnologias, assistivas, enquanto, sozinho, nem, ambos, estão, presentes, mapeia, calculado, trecho, afete, redor, ideal, incorporar, imprevisível, usuários, força, única, reordenação, automática, seu, use, precisar, inverter, independentemente, natural, desativa, substituição, seus, filhos, ainda, aplica, unicode, reordenar, trechos, direções, mistas, essas, relacionadas, resolvem, problemas, diferentes, conveniente, nomes, resultados, pesquisa, sabe, antecedência, depende, simples, varre, busca, usa, escolher, inteiro, estar, errado, comentário, começa, emoji, número, palavra, latim, majoritariamente, será, exibido, desconhecida, prefira, aplicar, gerado, pelo, herdaria, poderia, reordenada, visualmente, maneiras, confusas, https, www, learn, عنوان, الموقع, filho, útil, bloco, código, campo, formulário, permanecer, sobrescrever, herdada, flui, subsequentes, reordenados, adequadamente, detecta, escolhe, automaticamente, experimente, forced, original, colocava, onde, mal, perceptível, óbvia, real, escrita, mista, compare, estes, parágrafos, título, marcadores, lista, posição, barra, rolagem, fluem, marcação, adicional, هذا, مثال, على, يُكتب, اليمين, إلى, اليسار, uso, comum, importante, combinar, correspondente, toda, permite, decida, usando, veja, aviso, abaixo, semelhantes, latina, cirílica, grega, cjk, das, demais, três, podendo, qualquer, utilizado, ancestral, próximo, possui, definido, recorrendo, caso, nenhum, tenha, herdado, global, essencial, exibir, persa, urdu, centenas, milhões, pessoas, leem, idiomas, escritos, nesses, sistemas, fundamental, internacionalização, leia, descubra, quais, charset, checked, autoplay, action, accesskey, autofocus, autocomplete, draggable, download, disabled, coords, controls, contenteditable, async, alt, reference, forms, vídeos, youtube, multimídia, media, class, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, aos, filtros, stroking, text, path, polyline, polygon, linha, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, thead, tfoot, textarea, template, tbody, table, sup, summary, sub, style, strong, strike, span, 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, menu, marquee, mark, map, main, link, legend, label, keygen, kbd, isindex, ins, input, img, iframe, hgroup, header, frameset, frame, form, footer, font, figure, figcaption, fieldset, embed, div, dialog, dfn, details, del, datalist, data, colgroup, col, cite, center, caption, button, blockquote, blink, big, basefont, audio, aside, article, area, applet, address, acronym, abbr, evento, obsoletas, xhtml, tabela, tipos, mime, mensagens, status, métodos, atalhos, teclado, entidades, codificação, utf, códigos, 8859, ascii, conjuntos, references, migração, áudio, vídeo, semânticos, layout, computercode, caminhos, arquivo, estilos, scripts, blocos, tabelas, 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):
atributo dir do html 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 atributo dir do html o atributo dir faz parte dos atributos globais e especifica a direção do texto do conteúdo de um elemento leia e descubra em quais elementos ele pode ser usado o atributo dir do html especifica a direção de base do texto do conteúdo de um elemento ele é essencial para exibir corretamente o html em escritas da direita para a esquerda rtl como árabe hebraico persa e urdu centenas de milhões de pessoas leem idiomas escritos nesses sistemas portanto definir a direção corretamente é uma parte fundamental da internacionalização dir é um atributo global podendo ser usado em qualquer elemento html o valor utilizado por um elemento é herdado do ancestral mais próximo que possui dir definido recorrendo a ltr caso nenhum o tenha valores o atributo dir pode ter três valores ltr direção do texto da esquerda para a direita o padrão na maioria dos navegadores usado para escritas latina cirílica grega cjk e a maioria das demais rtl direção do texto da direita para a esquerda usado para árabe hebraico e escritas semelhantes auto permite que o navegador decida com base no conteúdo usando a heurística do primeiro caractere direcional forte veja o aviso abaixo sintaxe tag dir ltr rtl auto content tag copiar definindo a direção do documento com dir em html o uso mais comum e importante de dir é no elemento html isso define a direção de base para toda a página que todos os elementos herdam para uma página em árabe ou hebraico você deve sempre combinar dir rtl com o atributo lang correspondente doctype html html lang ar dir rtl head title مرحبا بالعالم title head body h1 مرحبا بالعالم h1 p هذا مثال على نص يُكتب من اليمين إلى اليسار p body html copiar como dir rtl está em html o título o parágrafo os marcadores de lista a posição da barra de rolagem e o alinhamento padrão do texto fluem da direita para a esquerda sem marcação adicional exemplo efeito rtl visível o exemplo original colocava dir rtl em texto em inglês onde o efeito mal é perceptível a direção só é óbvia com texto real em escrita rtl ou com pontuação mista compare estes parágrafos doctype html html lang en head title html dir attribute title head body p dir ltr שלום עולם hebrew greeting forced ltr p p dir rtl שלום עולם hebrew greeting rtl p p dir auto שלום עולם hebrew greeting auto p body html copiar experimente você mesmo no parágrafo rtl o hebraico flui da direita para a esquerda e o texto e a pontuação subsequentes são reordenados adequadamente no parágrafo auto o navegador detecta o primeiro caractere forte hebraico e escolhe rtl automaticamente quando definir ltr explicitamente definir dir ltr em um elemento filho é útil para sobrescrever uma direção rtl herdada por exemplo dentro de uma página em árabe rtl você pode ter um bloco de código uma url ou um campo de formulário em inglês que deve permanecer da esquerda para a direita html lang ar dir rtl body p عنوان الموقع p p dir ltr https www w3docs com learn html p body html copiar sem dir ltr a url herdaria a direção rtl da página e sua pontuação poderia ser reordenada visualmente de maneiras confusas uma observação sobre auto auto é conveniente para conteúdo gerado pelo usuário comentários nomes de usuário resultados de pesquisa quando você não sabe o idioma com antecedência mas ele depende de uma heurística simples o navegador varre em busca do primeiro caractere direcional forte e usa isso para escolher a direção do elemento inteiro isso pode estar errado por exemplo um comentário que começa com um emoji um número ou uma palavra em latim mas é majoritariamente em árabe será exibido da esquerda para a direita para isolamento por string de texto com direção desconhecida prefira o elemento bdi que isola o texto e pode aplicar auto dir vs bdo bdi e direction css essas ferramentas são relacionadas mas resolvem problemas diferentes atributo dir define a direção de base que o elemento e seus filhos herdam o navegador ainda aplica o algoritmo bidirecional unicode bidi para reordenar trechos com direções mistas bdo substituição bidirecional força uma única direção e desativa a reordenação bidi automática para seu conteúdo use quando precisar inverter caracteres independentemente de sua direção natural bdi isolamento bidirecional isola um trecho de texto para que sua direção não afete o texto ao redor ideal para incorporar conteúdo imprevisível de usuários css direction o equivalente na camada de estilo do atributo dir o atributo dir do html é geralmente preferido porque também informa tecnologias assistivas e o algoritmo bidi enquanto o css sozinho nem sempre o faz quando ambos estão presentes o atributo geralmente mapeia para o mesmo valor calculado suporte nos navegadores o atributo dir é suportado em todos os navegadores modernos há bastante tempo portanto você pode usá lo sem alternativas de fallback prática prática qual é o propósito do atributo dir do html segundo a página do w3docs com qual é o propósito do atributo dir do html segundo a página do w3docs com o atributo dir é usado para definir a direção do texto dentro dos elementos o atributo dir é usado para alterar a cor do texto dentro dos elementos o atributo dir define se um elemento está visível ou não o atributo dir é usado para especificar o alinhamento dos elementos o atributo dir pode ter dois valores possíveis ltr ou rtl verificar was this page helpful yes no previous defer next colspan on this page valores sintaxe definindo a direção do documento com dir em html exemplo efeito rtl visível quando definir ltr explicitamente uma observação sobre auto dir vs bdo bdi e direction css suporte nos navegadores 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