---
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>