Referência de Propriedades CSS

Última atualização: 2026-09-13

Referência de Propriedades CSS

Alphabetical list of 153 CSS properties with descriptions.

A
aspect-ratioA propriedade aspect-ratio força um elemento a manter uma proporção fixa entre largura e altura, eliminando a necessidade do antigo hack de porcentagem de padding. Seu valor padrão, auto, usa a proporção intrínseca do elemento, como em imagens. É um recurso CSS relativamente novo que simplifica muito os contêineres responsivos para vídeo e cards.
align-itemsA propriedade align-items define o alinhamento de todos os itens flex no eixo transversal, controlando a posição na direção perpendicular ao eixo principal. Seu valor padrão é stretch, que faz os itens se esticarem para preencher a altura do contêiner ao longo do eixo transversal. A propriedade é comumente usada para centralização vertical, alinhamento superior, inferior e na linha de base.
animationA propriedade animation é um atalho para animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode e animation-play-state. Combinada com @keyframes, define sequências de animação em várias etapas, com loop e pausáveis. Diferente de transition, a animation é reproduzida automaticamente, sem gatilho, sendo ideal para loaders, carrosséis, efeitos de respiração e outros visuais contínuos.
align-selfA propriedade align-self define o alinhamento no eixo transversal de um único item flex, sobrescrevendo o padrão align-items do contêiner. Seu valor padrão é auto, que herda o valor align-items do contêiner. Com ela, um item pode se alinhar de forma diferente dos outros — por exemplo, um item centralizado enquanto o resto está alinhado ao topo — o que é muito útil em barras de navegação e layouts de cartões.
align-contentA propriedade align-content define como várias linhas de itens flex são alinhadas e espaçadas no eixo transversal. Ela só tem efeito quando a quebra de linha (flex-wrap: wrap) produz mais de uma linha. Funciona como justify-content, mas atua no eixo transversal e distribui o espaço entre as linhas. Em uma única linha a propriedade não faz nada; use align-items em vez disso.
animation-durationA propriedade animation-duration define quanto tempo uma animação leva para completar um ciclo completo. Valores menores deixam a animação mais rápida; valores maiores a deixam mais lenta. Faz parte do shorthand animation e, quando usada sozinha, substitui a duração definida pelo shorthand.
animation-timing-functionA propriedade animation-timing-function define como a velocidade de uma animação muda ao longo do tempo — se ela corre em ritmo constante, começa rápido e desacelera, ou parece elástica. Ao controlar a distribuição temporal dos quadros intermediários, faz o movimento parecer mais físico ou mais estilizado, e é uma propriedade chave para uma qualidade de animação polida.
appearanceA propriedade appearance controla se um elemento usa a aparência nativa do navegador — a renderização padrão dos controles de formulário. Quando definida como none, o elemento perde sua aparência nativa e seu estilo passa a ser totalmente controlado pelo CSS, tornando-a uma propriedade essencial para personalizar controles de formulário.
B
box-sizingA propriedade box-sizing determina como width e height são calculados e é a chave para entender o modelo de caixa do CSS. O valor padrão, content-box, dimensiona apenas a área de conteúdo, com padding e border adicionados por cima; border-box inclui padding e border dentro da largura e altura especificadas, o que é mais intuitivo. Projetos modernos comumente definem border-box globalmente.
borderA propriedade border (shorthand) é uma das mais usadas no CSS, permitindo definir a largura, o estilo e a cor da borda de um elemento em uma única declaração. A borda envolve o conteúdo do elemento, logo dentro do padding, e é uma parte chave do modelo de caixa. Com border você pode dar rapidamente um contorno visível a qualquer elemento.
border-widthA propriedade border-width define a espessura da borda de um elemento. Você pode usar as palavras-chave predefinidas thin, medium e thick, ou valores de comprimento explícitos como px ou em. Usada sozinha, controla apenas a largura, deixando o estilo e a cor intocados.
border-styleA propriedade border-style define a aparência da linha da borda, como solid, dashed ou dotted. É a chave para que uma borda seja visível — mesmo com border-width e border-color definidos, a borda permanece invisível quando border-style é none. O CSS oferece 10 estilos de linha diferentes para escolher.
border-colorA propriedade border-color define a cor da borda de um elemento. Aceita todo formato de cor do CSS, incluindo nomes de cores, valores hex, rgb(), rgba(), hsl() e mais. Usada sozinha, afeta apenas a cor da borda, não a largura ou o estilo.
border-radiusA propriedade border-radius arredonda os cantos agudos de um elemento, sendo uma das propriedades decorativas mais usadas no design de UI moderno. Aceita valores de comprimento ou porcentagem, e quanto maior o valor, mais acentuado o arredondamento. Quando o raio atinge metade do comprimento do lado ou mais, o canto vira um semicírculo ou um círculo completo.
background-colorA propriedade background-color define a cor de fundo de um elemento e é uma das propriedades mais fundamentais no design de páginas. Aceita todo valor de cor do CSS, e a palavra-chave transparent dá um fundo transparente. A propriedade não é herdada, e o fundo de cada elemento é transparente por padrão.
backgroundbackground é o atalho das propriedades de fundo, permitindo definir a cor, a imagem, a posição, o tamanho e a repetição do fundo, entre outros, em uma única declaração. O atalho mantém o código conciso, e qualquer sub-propriedade omitida é redefinida para seu valor padrão. É um dos atalhos mais usados no CSS.
background-imageA propriedade background-image define uma ou mais imagens de fundo em um elemento, suportando caminhos url() e funções de gradiente. Vários fundos são separados por vírgula, com as imagens anteriores sobrepostas no topo. Geralmente é usada junto com background-size e background-position.
background-positionA propriedade background-position define a posição inicial de uma imagem de fundo dentro de seu elemento, que por padrão é o canto superior esquerdo (0% 0%). Aceita palavras-chave (left, center, right, top, bottom), valores de comprimento e porcentagens. Geralmente é combinada com background-image para posicionar um fundo com precisão.
background-sizeA propriedade background-size controla as dimensões de uma imagem de fundo e foi introduzida no CSS3. Suporta auto (tamanho intrínseco da imagem), cover (cobrir o contêiner inteiro), contain (mostrar a imagem inteira dentro do contêiner), bem como valores explícitos de comprimento e porcentagem. A propriedade é muito útil em design responsivo.
box-shadowA propriedade box-shadow adiciona uma ou mais camadas de sombra ao redor ou dentro da caixa de borda de um elemento, conferindo profundidade e hierarquia ao elemento na página. É uma propriedade central para efeitos modernos de UI, como cards flutuantes e botões pressionados, e oferece suporte a deslocamento, raio de desfoque, raio de propagação e cor.
border-imageA border-image permite usar uma imagem para desenhar a borda de um elemento em vez de uma linha sólida ou tracejada. A imagem é fatiada em uma grade de nove partes (quatro cantos, quatro bordas e uma área central) e cada parte é mapeada para a área de borda correspondente. É uma ferramenta poderosa para bordas decorativas complexas.
background-attachmentA propriedade background-attachment decide se uma imagem de fundo rola junto com a página. O valor padrão scroll significa que o fundo rola junto com o conteúdo do elemento; fixed fixa o fundo na viewport, produzindo um efeito de paralaxe; local faz o fundo rolar junto com o conteúdo interno do elemento. É frequentemente usada para efeitos visuais.
background-clipA propriedade background-clip controla a área de pintura de um fundo, decidindo em qual região do box model o fundo (cor ou imagem) é exibido. O padrão border-box estende o fundo sob a borda, padding-box recorta-o para a área de padding e content-box o mostra apenas na área de conteúdo. O CSS3 também adicionou o valor text para efeitos de recorte de texto.
background-originA propriedade background-origin define a área de referência para o posicionamento da imagem de fundo, determinando a linha de base do background-position. O padrão padding-box posiciona o fundo em relação à área de padding, border-box em relação à área da borda e content-box em relação à área de conteúdo. É frequentemente usada junto com background-clip.
background-blend-modeA propriedade background-blend-mode define o modo de mesclagem entre as imagens de fundo de um elemento, e entre as imagens de fundo e a cor de fundo. Ela suporta modos como multiply, screen e overlay, semelhante à mesclagem de camadas do Photoshop. Adicionada no CSS3, é ótima para ricos efeitos visuais.
backdrop-filterA propriedade backdrop-filter aplica efeitos de filtro (como blur ou brightness) à área atrás de um elemento e é a forma padrão de construir efeitos de vidro fosco. Diferente de filter, ela afeta o conteúdo abaixo do elemento em vez do próprio elemento. O suporte nos navegadores modernos é bom, mas o fundo do elemento precisa ser pelo menos parcialmente transparente para que o efeito seja visível.
bottomA propriedade bottom define o deslocamento de um elemento posicionado a partir da borda inferior de seu bloco contêiner, medido para cima. Ela se aplica apenas a elementos posicionados não estáticos e é normalmente usada com posicionamento absolute ou fixed para alinhar elementos à parte inferior ou esticar sua altura.
backface-visibilityA propriedade backface-visibility controla se um elemento é visível quando, após uma rotação 3D, sua face posterior está voltada para o observador. O valor padrão visible mostra o conteúdo frontal espelhado na face posterior; com hidden, o elemento fica invisível quando sua face posterior está voltada para o observador. Isso é comumente usado em viradas de cartão, cubos e outros efeitos 3D que distinguem a frente do verso.
box-decoration-breakA propriedade box-decoration-break controla como as decorações de um elemento, como background, borda e padding, são renderizadas em um ponto de quebra, como uma quebra de linha ou de página. O valor padrão, slice, renderiza a decoração como se fosse cortada; clone renderiza uma decoração completa para cada fragmento. Ela afeta principalmente a aparência de elementos inline nas quebras de linha e na paginação de impressão.
C
colorA propriedade color define a cor de primeiro plano do texto de um elemento e é uma das propriedades CSS mais usadas. Aceita palavras-chave de cor, valores hex, RGB, HSL e muitos outros formatos de cor. A propriedade é herdada pelos elementos filhos, por isso geralmente é definida em um pai para unificar a cor de um bloco inteiro de texto.
cursorA propriedade cursor controla o formato do cursor exibido quando o ponteiro do mouse passa sobre um elemento e é uma pista visual importante para a interatividade. Ao escolher diferentes tipos de cursor — como pointer, text ou not-allowed —, você pode indicar aos usuários de relance se um elemento é clicável, arrastável ou desabilitado.
clearA propriedade clear controla se um elemento pode ficar ao lado de elementos flutuantes à sua esquerda, direita ou em ambos os lados. Quando definida como left, right ou both, o elemento se move para baixo dos floats relevantes. É uma ferramenta importante para evitar quebras de layout em layouts baseados em float.
columnsA propriedade columns é a abreviação de column-count e column-width, dividindo o conteúdo de um elemento em várias colunas automaticamente, de forma semelhante à tipografia de jornal. É frequentemente usada para apresentar textos longos em várias colunas para melhor legibilidade.
column-countA propriedade column-count especifica o número de colunas em que o conteúdo de um elemento é dividido. Parte do CSS Multi-column Layout, é normalmente combinada com column-gap e column-rule para produzir tipografia de várias colunas estilo jornal.
column-gapA propriedade column-gap define o espaço entre colunas em um layout de várias colunas. Como parte fundamental do CSS Multi-column Layout, um espaço bem escolhido melhora visivelmente a legibilidade e a aparência do texto em várias colunas.
column-ruleA propriedade column-rule é a abreviação de column-rule-width, column-rule-style e column-rule-color, desenhando uma linha entre colunas em um layout de várias colunas. Semelhante a border, ela é renderizada apenas dentro do espaço entre colunas, melhorando a separação visual do texto em várias colunas.
column-spanA propriedade column-span especifica se um elemento abrange várias colunas. Definida como all, o elemento abrange todas as colunas; é comumente usada para títulos ou subtítulos em um layout de várias colunas, para que se destaquem visualmente do conteúdo em colunas.
column-widthA propriedade column-width especifica a largura ideal de cada coluna em um layout de várias colunas. O navegador deriva o número real de colunas da largura do contêiner e desse valor, com o conteúdo fluindo para as colunas de forma adaptável; é uma boa opção para tipografia flexível de várias colunas.
clip-pathA propriedade clip-path recorta um elemento em uma forma geométrica especificada — como um círculo, polígono ou elipse — mostrando apenas a parte dentro da forma e ocultando tudo fora dela. Ao contrário do recorte retangular tradicional de overflow: hidden, o clip-path cria áreas visíveis de qualquer forma, tornando-se uma ferramenta poderosa para layouts criativos e efeitos visuais.
contentA propriedade content insere conteúdo gerado antes ou depois de um elemento e é exigida pelos pseudo-elementos ::before e ::after. Ela pode inserir strings, imagens, valores de contador ou valores de atributo, e é usada com frequência para adicionar conteúdo decorativo, limpar floats ou mostrar URLs de links sem alterar o HTML.
counter-incrementcounter-increment aumenta o valor de um ou mais contadores CSS e é um dos mecanismos centrais por trás da numeração automática. Cada vez que um elemento corresponde ao seletor, o contador especificado é aumentado pelo passo dado (1 por padrão). Ele precisa de counter-reset e da função counter() do content para produzir numeração automática completa.
counter-resetcounter-reset cria um novo contador CSS e o inicializa com o valor dado (0 por padrão). É o primeiro passo da numeração automática e geralmente é definido em um elemento pai. Combinado com counter-increment e a função counter() do content, pode produzir sistemas de numeração multinível complexos.
caret-colorA propriedade caret-color define a cor do cursor — a barra vertical piscante — em elementos editáveis, como inputs e áreas de texto. Personalizar a cor do cursor permite que os elementos de formulário combinem com a paleta da página ou destaquem a posição de entrada atual.
color-schemeA propriedade color-scheme informa ao navegador quais esquemas de cor (claro/escuro) um elemento suporta, permitindo que o navegador escolha cores padrão adequadas para renderizar os controles nativos do elemento, como barras de rolagem e elementos de formulário. É uma propriedade importante para a adaptação ao modo escuro.
D
displayA propriedade display define como um elemento é apresentado na página, se comporta como um elemento de nível de bloco, um elemento inline ou usa modelos de layout modernos como Flex ou Grid. É uma das propriedades mais fundamentais e poderosas no layout CSS, capaz de mudar o comportamento de quase qualquer elemento no fluxo do documento.
directionA propriedade direction do CSS define a direção da escrita do texto — da esquerda para a direita (ltr) ou da direita para a esquerda (rtl). Ela afeta principalmente idiomas escritos da direita para a esquerda, como o árabe e o hebraico, e também altera o alinhamento do texto, a posição da barra de rolagem e o fluxo do layout. Em sites multilíngues, é preferível usar o atributo dir no elemento HTML em vez da propriedade CSS.
E
empty-cellsA propriedade empty-cells controla se as células vazias (células sem conteúdo ou com apenas espaços em branco) exibem suas bordas e fundo. O valor padrão show as renderiza normalmente; hide as oculta para uma aparência mais limpa. A propriedade aplica-se apenas a tabelas com border-collapse: separate.
F
fontA propriedade de atalho font do CSS define todas as sub-propriedades relacionadas à fonte em uma única declaração: font-style, font-variant, font-weight, font-stretch, font-size, line-height e font-family. Mantém as folhas de estilo concisas, mas font-size e font-family são obrigatórios e as sub-propriedades devem seguir uma ordem fixa.
font-familyA propriedade font-family do CSS especifica uma lista priorizada de nomes de famílias de fontes e/ou famílias genéricas para um elemento. O navegador usa a primeira fonte disponível na lista, seguindo a cadeia quando uma fonte está ausente.
font-sizeA propriedade font-size do CSS define o tamanho do texto. Ela aceita palavras-chave absolutas, comprimentos fixos ou unidades relativas como em e rem, e é uma das propriedades de estilo de texto mais usadas.
font-weightA propriedade font-weight do CSS define a espessura do texto. Ela aceita palavras-chave nomeadas e também valores numéricos de 1 a 1000, e o texto em negrito é comumente usado para títulos e ênfase.
font-styleA propriedade font-style do CSS define se o texto é renderizado em estilo itálico ou oblíquo. Ela aceita três valores — normal, italic e oblique — e é frequentemente usada para citações, ênfase e tipografia especial.
floatA propriedade float retira um elemento do fluxo normal e o faz flutuar para a esquerda ou para a direita até que sua borda toque o bloco de contenção ou outro elemento flutuante. Originalmente criada para quebrar texto ao redor de imagens, foi bastante usada depois em layouts de múltiplas colunas; agora que Flexbox e Grid estão difundidos, voltou ao seu propósito original.
flexA propriedade flex é o atalho central do módulo CSS Flexible Box Layout. Ela define como um item flex cresce, encolhe e quanto espaço ocupa em relação ao espaço restante no container. É um atalho para flex-grow, flex-shrink e flex-basis, que controlam o fator de crescimento, o fator de encolhimento e o tamanho inicial no eixo principal do item. Com flex, layouts comuns como colunas de largura igual, larguras fluidas e arranjos fluidos são fáceis de construir.
flex-directionA propriedade flex-direction define a direção do eixo principal em um container flex, ou seja, a direção na qual os itens flex são dispostos. Por padrão, os itens são organizados horizontalmente da esquerda para a direita (row). A propriedade pode mudar o layout para vertical ou para uma ordem reversa. É o controle de direção mais fundamental no flexbox e determina em qual eixo justify-content e align-items atuam.
flex-growA propriedade flex-grow define o fator de crescimento de um item flex. Ela decide quanto do espaço restante no container o item pode ocupar. O valor padrão é 0, o que significa que o item não cresce e mantém seu tamanho original. Valores maiores dão ao item uma fatia maior: o espaço restante é distribuído entre todos os itens na proporção de seus valores flex-grow.
font-variantA propriedade CSS font-variant aplica efeitos de variante de fonte, como small-caps, que renderiza letras minúsculas como letras maiúsculas de tamanho reduzido. O valor small-caps é o recurso mais amplamente suportado.
font-size-adjustA propriedade font-size-adjust do CSS mantém a altura-x (a altura do x minúsculo) consistente quando as fontes recorrem a substitutas, evitando um salto visual grande de tamanho quando fontes diferentes se misturam. É uma propriedade CSS3.
font-stretchA propriedade font-stretch do CSS seleciona uma variante condensada ou expandida de uma fonte, de ultra-condensed a ultra-expanded em nove níveis. Só tem efeito se a fonte realmente fornecer uma variante de largura correspondente.
flex-wrapA propriedade flex-wrap controla se os itens flex são forçados a ficar em uma única linha ou são quebrados em várias linhas. Seu valor padrão é nowrap, que mantém todos os itens em uma linha mesmo que sejam comprimidos ou transbordem o contêiner. Definir wrap faz os itens fluírem para a linha seguinte, o que é muito útil em layouts responsivos e em arranjos de cartões em várias colunas.
flex-flowO flex-flow é um atalho para as propriedades flex-direction e flex-wrap. Ele define a direção do eixo principal e se os itens quebram de linha em uma única declaração. Como as duas propriedades quase sempre são usadas juntas, o flex-flow deixa o código mais conciso. Seu valor padrão é row nowrap, ou seja, disposição horizontal sem quebra de linha.
flex-shrinkA propriedade flex-shrink define o fator de encolhimento de um item flex, decidindo quanto o item encolhe quando o contêiner não tem espaço suficiente. Seu valor padrão é 1, o que significa que os itens encolhem conforme necessário. Um valor 0 mantém o item no seu tamanho original mesmo quando o espaço acaba. Valores maiores fazem o item encolher mais quando o espaço é apertado.
flex-basisA propriedade flex-basis define o tamanho principal inicial de um item flex antes de o espaço restante ser distribuído — o “tamanho ideal” do item. Seu valor padrão é auto, que dimensiona o item a partir de seu conteúdo ou de uma width/height definida. Quando usa-se um comprimento específico, o item parte desse tamanho e então cresce ou encolhe de acordo com flex-grow e flex-shrink.
filterA propriedade filter aplica efeitos gráficos a um elemento — como desfoque, brilho, contraste e escala de cinza — semelhante aos filtros do Photoshop. Ela atua na saída renderizada do elemento e afeta tanto o elemento quanto todos os seus filhos, tornando-se uma ferramenta comum para processamento de imagens e efeitos visuais.
G
grid-template-columnsA propriedade grid-template-columns define o número e a largura das trilhas de coluna em um contêiner grid. Ao especificar o tamanho de cada trilha de coluna, você controla com precisão a estrutura das colunas, o que a torna uma das configurações centrais do CSS Grid. Ela suporta comprimentos fixos, porcentagens, a unidade fr e funções poderosas como repeat() e minmax().
gridA propriedade grid é o atalho do CSS Grid. Em uma única declaração, define as trilhas explícitas, as trilhas automáticas e a direção de auto-fluxo de um contêiner grid. É a soma das famílias grid-template e grid-auto, e o atalho de grid mais completo quando você quer descrever toda a estrutura do grid.
gapA propriedade gap define o espaçamento entre linhas e colunas em layouts flex e grid. É um atalho para row-gap e column-gap. O gap adiciona espaço apenas entre os itens e nunca nas bordas do contêiner, o que o torna mais limpo e previsível do que as margens. Ele elimina o incômodo habitual de limpar as primeiras e últimas margens no espaçamento tradicional baseado em margin.
grid-template-rowsA propriedade grid-template-rows define o número e a altura das trilhas de linha em um contêiner grid. Ao especificar o tamanho de cada trilha de linha, você controla a estrutura das linhas com precisão. Usada em conjunto com grid-template-columns, forma o esqueleto básico do grid. Ela suporta comprimentos fixos, porcentagens, a unidade fr e funções como minmax().
grid-template-areasA propriedade grid-template-areas permite definir a estrutura do layout do grid visualmente com áreas nomeadas. Cada string representa uma linha, e cada identificador na string representa a área à qual uma célula pertence; células adjacentes com o mesmo nome se fundem automaticamente em uma área. Ela melhora muito a legibilidade dos layouts grid e é especialmente adequada para designs de página inteira.
grid-columngrid-column é o atalho para grid-column-start e grid-column-end. Ele posiciona um item do grid na direção horizontal. Ao especificar os números das linhas de grade inicial e final, você controla quantas colunas o item abrange. É uma propriedade chave para construir layouts de grid flexíveis.
grid-rowgrid-row é o shorthand para grid-row-start e grid-row-end. Posiciona um item do grid na direção vertical. Ao especificar os números de linha de grade inicial e final, você controla quantas linhas o item abrange. Em conjunto com grid-column, oferece controle preciso sobre a posição e o tamanho de um item.
grid-areagrid-area é um shorthand que posiciona um item do grid definindo os quatro valores de uma vez: grid-row-start, grid-column-start, grid-row-end e grid-column-end. Funciona com números de linha de grade para posicionamento preciso ou com uma área nomeada definida em grid-template-areas. É a propriedade mais flexível para o posicionamento no grid.
grid-auto-columnsA propriedade grid-auto-columns controla a largura das trilhas de coluna criadas implicitamente em um contêiner de grid. Quando um item do grid é posicionado em uma coluna que grid-template-columns não definiu, o navegador cria automaticamente uma coluna implícita; essa propriedade define o tamanho dessas colunas criadas automaticamente. É muito útil ao lidar com conteúdo dinâmico ou um número desconhecido de itens do grid.
grid-auto-rowsA propriedade grid-auto-rows controla a altura das trilhas de linha criadas implicitamente em um contêiner de grid. Quando um item do grid é posicionado em uma linha que grid-template-rows não definiu, o navegador cria automaticamente uma linha implícita; essa propriedade define o tamanho dessas linhas criadas automaticamente. Ela garante que as linhas não definidas explicitamente ainda tenham uma altura consistente.
grid-auto-flowA propriedade grid-auto-flow controla como os itens do grid que não estão posicionados explicitamente são colocados automaticamente. Ela decide se os itens são preenchidos por linha ou por coluna e se o modo de compactação densa (dense) é ativado para preencher as lacunas no layout. A propriedade tem um impacto direto na ordenação geral do grid.
H
heightA propriedade height define a altura da área de conteúdo de um elemento e, junto com o width, é uma propriedade de dimensionamento central do modelo de caixa do CSS. Seu valor padrão, auto, faz o navegador calcular a altura a partir do conteúdo, que é a abordagem mais comum e recomendada. Alturas em porcentagem só têm efeito quando o pai tem uma altura explícita; caso contrário, resolvem para 0.
hyphensA propriedade hyphens do CSS controla se o navegador usa hífens (-) para quebrar palavras dentro das linhas, comumente usada em idiomas polissílabos como o inglês. Com a hifenização automática ativada, o navegador insere hífens em posições adequadas com base em um dicionário do idioma, para que o texto seja envolvido de forma mais natural na borda do contêiner e as lacunas irregulares diminuam.
I
isolationA propriedade isolation controla se um elemento cria um novo contexto de empilhamento. Quando definida como isolate, o elemento forma um ambiente de mesclagem independente, de modo que o mix-blend-mode dos filhos se mistura apenas com o conteúdo dentro do elemento, nunca vazando para elementos externos. É uma propriedade-chave para controlar com precisão o escopo dos modos de mesclagem.
insetA propriedade inset é o atalho para as quatro propriedades de deslocamento top, right, bottom e left, definindo de uma vez os deslocamentos de um elemento posicionado em todos os lados. Seu valor padrão, auto, significa nenhum deslocamento. Aplica-se apenas a elementos com position diferente de static e sua sintaxe espelha a de margin, suportando de 1 a 4 valores.
J
justify-contentA propriedade justify-content define como os itens flex são alinhados ao longo do eixo principal e como o espaço entre os itens e entre os itens e as bordas do container é distribuído. É a propriedade de alinhamento mais usada no flexbox e suporta arranjos left, right, center, space-between, space-around e space-evenly. O eixo principal é determinado por flex-direction.
justify-itemsA propriedade justify-items define o alinhamento padrão de todos os itens no eixo inline (linha) dentro do contêiner. Ela se aplica principalmente a layouts grid e não tem efeito no flexbox. É a contraparte por item do justify-content: alinha cada item dentro de sua própria célula do grid em vez dos itens como um grupo. Seu valor padrão é stretch, que estica os itens para preencher a célula.
justify-selfA propriedade justify-self define o alinhamento no eixo inline de um único item, sobrescrevendo o padrão justify-items do contêiner. Ela se aplica principalmente a layouts grid e não tem efeito no flexbox. Com ela, um item pode se alinhar independentemente dentro de sua célula sem afetar como os outros itens se alinham.
L
line-heightA propriedade line-height do CSS define o espaço vertical entre as linhas de texto. Uma altura de linha bem escolhida melhora significativamente a legibilidade de textos longos, tipicamente cerca de 1,5 vezes o tamanho da fonte.
letter-spacingA propriedade letter-spacing do CSS define o espaçamento entre caracteres no texto. Valores positivos aumentam a lacuna e valores negativos a reduzem. É frequentemente usada em títulos ou para melhorar a legibilidade de texto em inglês em maiúsculas.
leftA propriedade left define o deslocamento de um elemento posicionado a partir da borda esquerda de seu bloco contêiner, medido para a direita. Ela se aplica apenas a elementos posicionados não estáticos e está entre as propriedades de deslocamento mais usadas, normalmente combinada com posicionamento absolute ou fixed para posicionamento preciso à esquerda.
list-stylelist-style é o shorthand para list-style-type, list-style-position e list-style-image, definindo todos os aspectos dos marcadores de item de lista de uma vez. O padrão é disc outside none. É a forma mais eficiente de controlar a aparência da lista, comumente usada para personalizar ou redefinir estilos de lista rapidamente.
list-style-typelist-style-type define o marcador à frente dos itens de lista, como ponto preenchido, círculo oco, número ou numeral romano. O padrão é disc. Ela suporta muitos marcadores predefinidos e strings personalizadas, sendo a propriedade mais usada para controlar a aparência visual de uma lista.
list-style-positionlist-style-position controla se o marcador da lista fica dentro ou fora do bloco de conteúdo do item de lista. O padrão outside coloca o marcador fora do bloco de conteúdo, alinhando a primeira linha do texto limpamente; inside puxa o marcador para dentro do bloco, fazendo o texto envolvê-lo. Afeta o fluxo e o recuo da lista.
list-style-imagelist-style-image substitui o marcador padrão (ponto, número etc.) por uma imagem personalizada nos itens de lista. O valor padrão none significa que nenhuma imagem é usada. É usada com frequência para dar às listas pequenos ícones de marca ou setas decorativas para um visual mais rico.
M
min-widthA propriedade min-width define a largura mínima de um elemento, evitando que ele seja comprimido até ficar muito pequeno quando o contêiner afunila. Seu valor padrão, 0, significa que não há limite inferior. É frequentemente usada junto com width e max-width e é uma ferramenta importante para proteger a legibilidade em layouts responsivos.
max-widthA propriedade max-width define a largura máxima de um elemento, evitando que ele fique muito largo em telas grandes e prejudique a legibilidade. Seu valor padrão, none, significa que não há limite superior. É uma ferramenta central do design responsivo, frequentemente combinada com width:100% para que elementos de mídia se adaptem sem exceder seu tamanho intrínseco.
min-heightA propriedade min-height define a altura mínima de um elemento, garantindo que ele mantenha certa altura mesmo quando seu conteúdo é curto. Seu valor padrão, 0, significa que não há limite inferior. É frequentemente usada para manter seções de página visualmente consistentes ou para fixar um rodapé no final da página.
max-heightA propriedade max-height define a altura máxima de um elemento, evitando que ele fique muito alto e quebre o layout. Seu valor padrão, none, significa que não há limite superior. É frequentemente combinada com overflow:auto para que conteúdo mais alto que o limite mostre uma barra de rolagem, um padrão comum para regiões roláveis de altura fixa.
marginA propriedade margin define o espaço ao redor de um elemento, ou seja, a distância entre sua borda e os elementos vizinhos. É uma das propriedades do modelo de caixa mais usadas, servindo para controlar o espaçamento entre elementos, centralizar elementos horizontalmente e adicionar respiro. As margens podem ser comprimentos fixos, porcentagens ou auto para valores calculados pelo navegador.
mix-blend-modeA propriedade mix-blend-mode controla como o conteúdo de um elemento mistura suas cores com o conteúdo abaixo dele (um fundo ou elementos adjacentes), semelhante aos modos de mesclagem de camadas do Photoshop. Ela permite que textos e imagens produzam composição rica de cores sobre um fundo e é frequentemente usada em pôsteres, banners e design de páginas artísticas.
O
overflowA propriedade overflow controla o que acontece quando o conteúdo excede os limites do contêiner e é a ferramenta central para lidar com conteúdo transbordante. O valor padrão, visible, deixa o conteúdo transbordante aparecer; hidden o corta; scroll sempre exibe barras de rolagem; e auto mostra barras de rolagem apenas quando necessário, que é o valor mais usado.
outlineA propriedade outline desenha uma linha ao redor de um elemento, fora de sua borda, e é usada principalmente para indicar o estado em foco. Diferente de border, outline não ocupa espaço e não afeta o tamanho do elemento nem o layout da página. É um atalho que define a cor, o estilo e a largura do contorno de uma vez.
opacityA propriedade opacity define a transparência geral de um elemento, com valores de 0 a 1. 0 é totalmente transparente e 1 é totalmente opaco. Diferente de um fundo transparente, opacity afeta o elemento e todo o seu conteúdo, sendo comum para efeitos de fade-in/out e hierarquia visual.
overflow-xA propriedade overflow-x controla especificamente como o conteúdo que transborda um contêiner horizontalmente é tratado e aceita os mesmos valores de overflow. O valor padrão, visible, permite que o estouro seja exibido. É comumente usada para desativar a rolagem horizontal da página ou para tornar uma região rolável apenas horizontalmente.
overflow-yA propriedade overflow-y controla especificamente como o conteúdo que transborda um contêiner verticalmente é tratado e aceita os mesmos valores de overflow. O valor padrão, visible, permite que o estouro seja exibido. É o controle de overflow mais usado e é frequentemente combinado com max-height para regiões roláveis de altura fixa.
outline-offsetA propriedade outline-offset controla a distância entre o outline (contorno) e a borda do elemento. Um valor positivo empurra o outline para fora, afastando-o do elemento; um valor negativo o puxa para dentro, deixando-o mais próximo ou mesmo dentro do elemento. Geralmente é usada junto com outline para refinar o efeito visual.
orderA propriedade order define a ordem de exibição dos itens flex dentro de um contêiner. Seu valor padrão é 0. Itens com valores menores aparecem primeiro; itens com valores iguais são ordenados por sua posição no DOM. A propriedade muda apenas a ordem visual, nunca a estrutura do DOM, então também afeta a ordem de leitura dos leitores de tela e a ordem de foco da tecla Tab. Use-a com cuidado.
object-fitA propriedade object-fit controla como o conteúdo de um elemento substituído, como um <img> ou <video>, cabe em sua largura e altura especificadas. Quando a proporção do elemento difere do conteúdo, o object-fit decide se estica, recorta mantendo a proporção ou mostra tudo — uma ferramenta indispensável para layouts de imagens responsivos.
object-positionA propriedade object-position controla onde o conteúdo de um elemento substituído, como um <img> ou <video>, é mostrado dentro de seu contêiner. Quando o object-fit deixa espaço ou recorta o conteúdo, o object-position ajusta o foco de alinhamento para que as partes importantes permaneçam na área visível.
overscroll-behaviorA propriedade overscroll-behavior controla o que acontece quando um contêiner de rolagem atinge seu limite — por exemplo, se o evento de rolagem passa para o contêiner pai (scroll chaining) ou dispara um comportamento padrão do navegador como atualização da página ou navegação no histórico. É uma propriedade essencial para resolver o problema de penetração de rolagem em contêineres de rolagem aninhados.
orphansA propriedade orphans controla o número mínimo de linhas do final de um parágrafo que devem permanecer no topo de uma nova página ao imprimir, sendo o padrão 2. É uma propriedade de mídia paginada do CSS que impede que a última linha de um parágrafo apareça sozinha na parte inferior da página anterior (um 'órfão'), melhorando a legibilidade impressa.
P
paddingA propriedade padding define o espaço entre o conteúdo de um elemento e sua borda. Parte central do modelo de caixa do CSS, é comumente usada para dar respiro ao conteúdo dentro de um contêiner, ampliar alvos de clique e fazer o conteúdo se destacar contra um fundo. Os valores de padding só podem ser comprimentos ou porcentagens, nunca negativos, e o padding nunca sofre colapso.
positionA propriedade position especifica como um elemento é posicionado, se permanece no fluxo do documento ou é deslocado em relação a algum ponto de referência. Combinada com as propriedades top, right, bottom e left, permite posicionamento relativo, absoluto, fixo e sticky para efeitos comuns de layout.
pointer-eventsA propriedade pointer-events controla se um elemento pode se tornar o alvo de eventos de ponteiro, como cliques e passagens do mouse. Quando definida como none, o elemento ignora completamente os eventos de ponteiro e eles atravessam para os elementos abaixo. É uma ferramenta comum para clique através, desativação de interação e interações complexas de UI em camadas.
place-itemsplace-items é um shorthand para align-items e justify-items. Em um contêiner de grid, define como cada item do grid se alinha dentro de sua própria célula em uma única declaração. Controla tanto o alinhamento vertical (align) quanto o horizontal (justify) ao mesmo tempo, o que o torna uma ferramenta conveniente para centralizar ou alinhar o conteúdo do grid.
place-contentplace-content é um shorthand para align-content e justify-content. Em um contêiner de grid, controla como toda a área de conteúdo do grid se alinha em relação ao contêiner. Quando o tamanho total das trilhas do grid é menor que o contêiner, essa propriedade decide como o espaço restante é distribuído. É a chave para centralizar e distribuir o grid inteiro.
place-selfplace-self é um shorthand para align-self e justify-self. Controla o alinhamento de um único item do grid dentro de sua célula. Diferente de place-items, place-self é definido no item individual do grid e substitui a configuração de place-items no nível do contêiner, atendendo a necessidades de alinhamento especiais de um item.
perspectiveA propriedade perspective define a intensidade da perspectiva em transformações 3D — a distância do olho do observador até o plano z=0. Valores menores produzem um efeito mais forte (diferença mais exagerada entre próximo-grande e distante-pequeno), enquanto valores maiores achatam a perspectiva. A propriedade deve ser definida no pai do elemento que aplica a transformação 3D e é a base de cenas 3D realistas.
perspective-originA propriedade perspective-origin define a posição do observador para a perspectiva 3D — onde o ponto de fuga se projeta no elemento. O padrão é o centro do elemento (50% 50%). Ajustá-la muda o ângulo a partir do qual a cena 3D é vista — de cima, de lado e assim por diante — e funciona em conjunto com perspective.
Q
quotesA propriedade quotes personaliza as aspas usadas pelos elementos q e pelas palavras-chave open-quote/close-quote do content. Por padrão, o navegador as escolhe com base no idioma. Ela suporta vários pares de aspas, então citações aninhadas trocam de estilo automaticamente — uma ferramenta importante para tipografia internacional.
R
rightA propriedade right define o deslocamento de um elemento posicionado a partir da borda direita de seu bloco contêiner, medido para a esquerda. Ela se aplica apenas a elementos posicionados não estáticos e é normalmente usada com posicionamento absolute ou fixed para alinhar elementos à direita.
rotateA propriedade rotate é uma propriedade de transformação individual que rotaciona um elemento em torno de um eixo especificado no espaço 2D ou 3D. Como propriedade independente, pode ser controlada separadamente de outras transformações como translate e scale, o que é especialmente útil quando você deseja animar o ângulo de rotação por conta própria.
resizeA propriedade resize controla se o usuário pode redimensionar um elemento arrastando e em quais direções. É comumente usada em elementos como <textarea>, permitindo que os usuários alterem o tamanho livremente conforme necessário, melhorando a usabilidade do formulário.
S
scaleA propriedade scale é uma propriedade de transformação individual que dimensiona um elemento para cima ou para baixo no espaço 2D ou 3D. Como propriedade independente, pode ser controlada separadamente de outras transformações como translate e rotate, o que é especialmente útil quando você deseja animar a escala por conta própria — para feedback de clique em botões, pré-visualização de zoom de imagens e interações semelhantes.
scroll-behaviorA propriedade scroll-behavior controla se a rolagem salta para o destino instantaneamente ou anima suavemente. Com smooth, clicar em um link de âncora ou rolar via JavaScript desliza até a posição alvo em vez de pular, melhorando visivelmente a experiência do usuário.
scroll-snap-typeA propriedade scroll-snap-type ativa um efeito de snap durante a rolagem, fazendo com que o contêiner de rolagem alinhe os elementos especificados à sua borda ou ao centro quando parar. É comumente usada em carrosséis, páginas com rolagem em tela cheia e listas horizontais de deslizar, tornando a experiência de rolagem mais precisa e controlada.
scrollbar-colorA propriedade scrollbar-color personaliza a cor da barra de rolagem do navegador, tanto do thumb quanto da track. Faz parte da especificação CSS Scrollbars e oferece uma forma simples de combinar a barra de rolagem com a paleta geral da página sem plugins de JavaScript.
T
text-alignA propriedade text-align do CSS define o alinhamento horizontal do texto dentro de um elemento de nível de bloco. Ela suporta os valores left, right, center e justify e se aplica a parágrafos, títulos, células de tabela e qualquer outro contêiner de bloco. Observe que o text-align alinha o conteúdo dentro do elemento, não o próprio elemento.
text-decorationA propriedade text-decoration do CSS adiciona linhas decorativas ao texto, mais comumente sublinhados, sobrelinhados e tachados. É o atalho para quatro subpropriedades: text-decoration-line, text-decoration-style, text-decoration-color e text-decoration-thickness. Por padrão, links (elementos a) são sublinhados; estilos de reset geralmente removem esse sublinhado.
text-transformA propriedade text-transform do CSS altera como o texto é exibido em termos de maiúsculas e minúsculas — uppercase, lowercase ou capitalized — sem modificar o conteúdo subjacente. O texto original no HTML permanece intacto, então leitores de tela e textos copiados não são afetados; a conversão é puramente visual.
text-indentA propriedade text-indent do CSS define a indentação horizontal da primeira linha de um elemento de nível de bloco, comumente usada para indentação da primeira linha de parágrafos. Afeta apenas a primeira linha. Os valores podem ser um comprimento fixo (como 2em) ou uma porcentagem da largura do bloco contêiner, e valores negativos criam uma indentação despendurada.
text-shadowA propriedade text-shadow do CSS adiciona sombras ao texto para dar profundidade e hierarquia visual contra o fundo. Cada sombra tem um deslocamento horizontal, deslocamento vertical, raio de desfoque e cor; várias sombras podem ser empilhadas, separadas por vírgulas, para criar efeitos de brilho, relevo ou contorno.
topA propriedade top define o deslocamento de um elemento posicionado a partir da borda superior do seu bloco de contenção. Ela só se aplica a elementos cujo position é relative, absolute, fixed ou sticky e é usada para controlar com precisão a posição vertical de um elemento.
transitionA propriedade transition é um atalho para transition-property, transition-duration, transition-timing-function e transition-delay. Ela permite mudanças suaves e animadas entre valores de propriedades quando um elemento muda de estado — por exemplo em :hover ou :focus — em vez de saltos bruscos. Ao especificar a propriedade alvo, a duração, a curva de easing e o atraso, você cria facilmente efeitos de interação fluidos. É uma ferramenta fundamental para construir micro-interações web modernas.
transformA propriedade transform aplica transformações geométricas 2D ou 3D a um elemento, incluindo translação, rotação, escala e inclinação (skew). As transformações acontecem na etapa de renderização e não afetam o layout do fluxo do documento, o que a torna uma ferramenta comum para efeitos visuais de alta performance. O transform é uma das propriedades centrais da animação CSS e do design de interação.
tab-sizeA propriedade tab-size do CSS define a largura de um caractere de tabulação (\t) conforme exibido na página, normalmente usada para controlar a indentação em blocos de código e elementos pre. O padrão é 8.
text-align-lastA propriedade text-align-last do CSS define o alinhamento da última linha dentro de um elemento de nível de bloco, geralmente combinada com text-align: justify. Por padrão, as regras de alinhamento do text-align não se aplicam à última linha de um parágrafo; o text-align-last permite controlar essa última linha separadamente para layouts justificados mais flexíveis e atraentes.
text-justifyA propriedade text-justify do CSS especifica como o navegador ajusta o espaçamento quando text-align está definido como justify. Controla se a justificação é obtida ajustando o espaçamento entre palavras, entre caracteres ou uma combinação de ambos, e afeta principalmente os detalhes tipográficos quando o valor justify está em uso.
text-overflowA propriedade text-overflow do CSS controla como o texto é exibido quando transborda o contêiner. Seu uso mais comum, combinado com overflow: hidden e white-space: nowrap, é renderizar texto de linha única transbordante com uma elipse. Ela suporta dois modos: clip (cortar) e ellipsis (…), sendo uma ferramenta padrão para lidar com textos longos em design de UI.
text-underline-offsetA propriedade text-underline-offset do CSS define a distância entre um sublinhado e a linha de base do texto, tornando a posição do sublinhado mais flexível e polida. Por padrão, o sublinhado gruda na parte inferior do texto; um deslocamento deixa uma lacuna para que a linha não colida com descendentes como g e y.
transition-propertyA propriedade transition-property especifica quais propriedades CSS recebem um efeito de transição quando seus valores mudam. Seu valor padrão é all, o que significa que toda propriedade animável participa da transição; você também pode listar nomes de propriedades específicas explicitamente para evitar custo de desempenho desnecessário e comportamento de animação inesperado.
transform-originA propriedade transform-origin define o ponto — a origem — em torno do qual um elemento é transformado. O padrão é o centro do elemento (50% 50%), e rotações, escalas e inclinações são todos executados em torno desse ponto. Ajustando a origem, você pode criar efeitos muito diferentes, como girar em torno de uma borda ou escalar a partir de um canto.
transform-styleA propriedade transform-style decide se os filhos de um elemento mantêm suas posições 3D no espaço. O valor padrão flat achata os filhos no plano 2D do pai; com preserve-3d os filhos podem ser posicionados em um espaço 3D independente, e combinado com perspective constrói cenas genuinamente tridimensionais.
translateA propriedade translate é uma propriedade de transformação individual que move um elemento no espaço 2D ou 3D. Tem o mesmo efeito que transform: translate(), mas, como propriedade independente, pode controlar a translação separadamente, sem afetar outras transformações como rotação e escala — muito útil quando você deseja animar cada transformação de forma independente.
table-layouttable-layout determina o algoritmo usado para calcular a largura das colunas da tabela. O padrão auto dimensiona colunas com base no conteúdo, então as colunas se alargam para caber muito conteúdo. fixed dimensiona colunas pela primeira linha ou por larguras explícitas, ignorando o conteúdo, e renderiza mais rápido — boa para tabelas de grandes volumes de dados.
U
unicode-bidiA propriedade unicode-bidi do CSS controla o Algoritmo Bidirecional Unicode para o texto, lidando com casos em que textos de direções diferentes (como inglês e árabe) são misturados. Ela pode alterar o nível de incorporação do texto, substituir a direção ou separar um elemento do contexto de direção de seu pai, sendo uma propriedade essencial para direções de texto complexas em sites internacionalizados.
user-selectA propriedade user-select controla se os usuários podem selecionar texto com o mouse. Quando definida como none, o texto dentro do elemento não pode ser selecionado — comumente usada em botões, rótulos e ícones onde a cópia é desnecessária, evitando a seleção acidental de conteúdo não relacionado.
V
visibilityA propriedade visibility controla se um elemento é visível. Sua principal diferença de display:none é que hidden ainda ocupa espaço no layout; o elemento simplesmente não é renderizado visualmente. O valor padrão, visible, mostra o elemento normalmente. A propriedade é herdada e é frequentemente usada para esconder elementos mantendo seu espaço.
vertical-alignA propriedade vertical-align do CSS controla o alinhamento vertical de elementos inline ou do conteúdo dentro de células de tabela. Ela suporta palavras-chave como top, middle e baseline, bem como valores de comprimento e porcentagem, e é comumente usada para alinhar ícones com texto, ajustar elementos inline ou posicionar o conteúdo de células de tabela. Observe que vertical-align não tem efeito em elementos de nível de bloco.
W
widthA propriedade width define a largura da área de conteúdo de um elemento e é uma das propriedades de dimensionamento mais usadas no modelo de caixa do CSS. Ela afeta apenas elementos não substituídos (non-replaced elements), e seu valor padrão, auto, faz o navegador calcular a largura automaticamente com base no bloco que a contém. Em layouts reais, o width é frequentemente combinado com max-width e min-width para criar designs responsivos.
white-spaceA propriedade white-space do CSS controla como os espaços em branco (espaços, tabulações e quebras de linha) dentro de um elemento são tratados e se o texto quebra automaticamente. Ela decide se o navegador colapsa espaços consecutivos, preserva a formatação original ou quebra linhas quando o texto transborda. É essencial para exibir código, preservar layout e efeitos de ellipsis de linha única.
word-spacingA propriedade word-spacing do CSS define o espaçamento entre palavras no texto. É mais visível em idiomas como o inglês, que separam palavras com espaços; como o chinês não tem palavras delimitadas por espaços, a propriedade geralmente não tem efeito sobre ele.
word-breakA propriedade word-break do CSS controla como as palavras quebram na borda do contêiner, resolvendo principalmente o problema de palavras longas ou URLs transbordarem o contêiner. Ela decide se quebras são permitidas dentro das palavras e como o texto CJK é envolvido. É especialmente útil para longas sequências geradas por usuários.
word-wrapA propriedade word-wrap do CSS é um alias para overflow-wrap. Ela controla se uma palavra longa ou URL pode quebrar internamente quando excede a largura do contêiner. Foi projetada para evitar que sequências longas indivisíveis transbordem o contêiner e segue sendo uma ferramenta comum para transbordamento de texto; as especificações modernas recomendam overflow-wrap.
writing-modeA propriedade writing-mode do CSS define a direção geral do layout do texto, com suporte aos modos horizontal (horizontal-tb) e vertical (vertical-rl, vertical-lr). Ela é usada para criar texto vertical como em livros tradicionais chineses ou japoneses e também altera como os elementos de bloco e inline se dispõem, sendo uma ferramenta importante para a tipografia do Leste Asiático.
widowsA propriedade widows controla o número mínimo de linhas do início de um parágrafo que devem permanecer na parte inferior da página anterior ao imprimir, sendo o padrão 2. Em conjunto com orphans, impede que a primeira linha de um parágrafo fique sozinha na base da página (uma 'viúva'), mantendo os parágrafos impressos intactos.
Z
z-indexA propriedade z-index controla a ordem de empilhamento de elementos posicionados ao longo do eixo z, perpendicular à tela; elementos com valor maior são renderizados acima dos que têm valores menores. É tipicamente usada com position para interfaces em camadas, como modais, menus suspensos e sobreposições.
zoomA propriedade zoom aplica uma transformação de escala não padrão, ampliando ou reduzindo um elemento e todos os seus filhos proporcionalmente. Diferente de transform: scale(), o zoom afeta o espaço de layout do elemento — ele ocupa o espaço real dimensionado — e dispara um reflow completo. Embora não seja CSS padrão, o suporte dos navegadores é amplo.
Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%