Como controlar o que acontece quando o conteúdo é maior do que o elemento que o contém
Quando o conteúdo de um elemento é maior do que o espaço definido para ele, o CSS precisa saber o que fazer com o excesso. A propriedade overflow controla esse comportamento.
Carregando...
É o valor padrão. O conteúdo que ultrapassa o limite do elemento continua visível, vazando para fora.
Carregando...
O conteúdo que ultrapassa o limite é cortado e fica invisível. Sem barra de rolagem.
Carregando...
Muito usado para cortar imagens ou textos que ultrapassam a área de um card, por exemplo.
Adiciona barras de rolagem ao elemento, independente de o conteúdo precisar ou não delas.
Carregando...
Parecido com scroll, mas as barras de rolagem só aparecem quando o conteúdo realmente precisa delas. É o valor mais recomendado quando você quer rolagem.
Carregando...
As propriedades overflow-x e overflow-y permitem controlar o comportamento horizontal e vertical de forma independente.
Carregando...
Uma técnica bastante usada é cortar texto longo em uma linha só com reticências, combinando três propriedades:
Carregando...
O resultado: textos longos aparecem como "Título muito longo que não..." em vez de vazar para fora do elemento.