diff options
Diffstat (limited to 'files/pt-br/glossary/alignment_subject/index.html')
-rw-r--r-- | files/pt-br/glossary/alignment_subject/index.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/files/pt-br/glossary/alignment_subject/index.html b/files/pt-br/glossary/alignment_subject/index.html new file mode 100644 index 0000000000..cfaebfb6ce --- /dev/null +++ b/files/pt-br/glossary/alignment_subject/index.html @@ -0,0 +1,38 @@ +--- +title: Tópico de Alinhamento +slug: Glossario/topico_de_alinhamento +tags: + - CSS + - Glossário + - alinhamento + - assunto de alinhamento + - tópico de alinhamento +translation_of: Glossary/Alignment_Subject +--- +<p>No <a href="/en-US/docs/Web/CSS/CSS_Box_Alignment">Alinhamento de Box do CSS</a>, o <strong>tópico (assunto) de alinhamento </strong>é a coisa (ou coisas) que está sendo alinhada pelas propriedades.</p> + +<p>Para o {{cssxref("justify-self")}} e {{cssxref("align-self")}}, o tópico de alinhamento é o box de margem do box em que a propriedade está definida, usando o modo de escrita desse box.</p> + +<p>Para o {{cssxref("justify-content")}} e {{cssxref("align-content")}}, o modo de escrita do box também é usado. A definição do tópico de alinhamento depende do modo de layout que está sendo usado.</p> + +<dl> + <dt>Contêineres de bloco (incluindo células de tabela)</dt> + <dd>Todo o conteúdo do bloco como uma única unidade.</dd> + <dt>Contêineres de colunas múltiplas (multicol)</dt> + <dd>As caixas de colunas, com qualquer espaçamento inserido entre as caixas de colunas adicionado às lacunas de coluna relevantes.</dd> + <dt>Contêineres flexíveis</dt> + <dd>Para {{cssxref("justify-content")}}, os items flexíveis em cada linha flexível.<br> + Para {{cssxref("align-content")}}, as linhas flexíveis. Perceba que, isso só tem efeito em contêineres flexíveis de múltiplas linhas.</dd> + <dt>Contêineres grid</dt> + <dd>As trilhas do grid nos eixos apropriados, com qualquer espaçamento inserido entre trilhas adicionado à gutters relevantes. Gutters colapsados são tratados como uma oportunidade única para inserção no espaço.</dd> +</dl> + +<h2 id="Saiba_mais">Saiba mais</h2> + +<ul> + <li><a href="/en-US/docs/Web/CSS/CSS_Box_Alignment">Alinhamento de Box do CSS</a></li> +</ul> + +<div id="gtx-trans" style="position: absolute; left: 52px; top: 1078px;"> +<div class="gtx-trans-icon"></div> +</div> |