From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001
From: Peter Bengtsson <mail@peterbe.com>
Date: Tue, 8 Dec 2020 14:42:52 -0500
Subject: initial commit

---
 files/pt-br/web/css/display-listitem/index.html | 63 +++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 files/pt-br/web/css/display-listitem/index.html

(limited to 'files/pt-br/web/css/display-listitem')

diff --git a/files/pt-br/web/css/display-listitem/index.html b/files/pt-br/web/css/display-listitem/index.html
new file mode 100644
index 0000000000..6d45a8e82d
--- /dev/null
+++ b/files/pt-br/web/css/display-listitem/index.html
@@ -0,0 +1,63 @@
+---
+title: <display-listitem>
+slug: Web/CSS/display-listitem
+translation_of: Web/CSS/display-listitem
+---
+<div>{{CSSRef}}</div>
+
+<p class="summary">O <code style="white-space: nowrap;">list-item</code> palavra-chave faz com que o elemento gere um<code>::marker</code> pseudoelemento com o conteúdo especificado por sua {{CSSxRef("list-style")}} propriedades (por exemplo, um marcador) junto com uma caixa principal do tipo especificado para seu próprio conteúdo.</p>
+
+<h2 id="Sintaxe">Sintaxe</h2>
+
+<p>Um valor único de <code style="white-space: nowrap;">list-item</code> fará com que o elemento se comporte como um item da lista. Isso pode ser usado junto com{{CSSxRef("list-style-type")}} e {{CSSxRef("list-style-position")}}.</p>
+
+<p><code style="white-space: nowrap;">list-item</code> também pode ser combinado com qualquer {{CSSxRef("&lt;display-outside&gt;")}} palavra-chave e o <code>flow</code> ou <code style="white-space: nowrap;">flow-root</code> {{CSSxRef("&lt;display-inside&gt;")}} palavras-chave.</p>
+
+<div class="note">
+<p><strong>Nota: Nos navegadores que suportam a sintaxe de dois valores, se nenhum valor interno for especificado, o padrão será</strong><code>flow</code>. Se nenhum valor externo for especificado, a caixa principal terá um tipo de exibição externo de<code>block</code>.</p>
+</div>
+
+<h3 id="Sintaxe_formal">Sintaxe formal</h3>
+
+<pre class="syntaxbox">{{CSSSyntax}}</pre>
+
+<h2 id="Exemplo">Exemplo</h2>
+
+<h3 id="HTML">HTML</h3>
+
+<pre class="brush: html;">&lt;div class="fake-list"&gt;I will display as a list item&lt;/div&gt;
+</pre>
+
+<h3 id="CSS">CSS</h3>
+
+<pre class="brush: css;">.fake-list {
+  display: list-item;
+  list-style-position: inside;
+}
+</pre>
+
+<h3 id="Resultado">Resultado</h3>
+
+<p>{{EmbedLiveSample("Example", "100%", 150)}}</p>
+
+<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2>
+
+<div class="hidden">A tabela de compatibilidade nesta página é gerada a partir de dados estruturados. Se você deseja contribuir com os dados, consulte https://github.com/mdn/browser-compat-data e envie-nos uma solicitação de recebimento.</div>
+
+<h3 id="Suporte_delist-item">Suporte de<code>list-item</code></h3>
+
+<p>{{Compat("css.properties.display.list-item", 10)}}</p>
+
+<h2 id="Veja_também">Veja também</h2>
+
+<ul>
+ <li>{{CSSxRef("display")}}
+  <ul>
+   <li>{{CSSxRef("&lt;display-outside&gt;")}}</li>
+   <li>{{CSSxRef("&lt;display-inside&gt;")}}</li>
+   <li>{{CSSxRef("&lt;display-internal&gt;")}}</li>
+   <li>{{CSSxRef("&lt;display-box&gt;")}}</li>
+   <li>{{CSSxRef("&lt;display-legacy&gt;")}}</li>
+  </ul>
+ </li>
+</ul>
-- 
cgit v1.2.3-54-g00ecf