Transbordamento

As classes de overflow são utilizadas para definir o comportamento de overflow (transbordamento) de conteúdo para um elemento. Elas oferecem opções para controlar o comportamento de overflow em várias direções.

Uso Geral:

<div class="overflow-y">
    <!-- Conteúdo aqui -->
</div>

Opções Disponíveis:

• .overflow:
  • Aplica overflow: auto !important; para habilitar barras de rolagem quando necessário.
• .overflow-hidden:
  • Aplica overflow: hidden !important; para ocultar o conteúdo que ultrapassa os limites do elemento.
• .overflow-scroll:
  • Aplica overflow: scroll !important; para exibir barras de rolagem, independentemente se o conteúdo ultrapassa os limites ou não.
• .overflow-visible:
  • Aplica overflow: visible !important; para exibir todo o conteúdo, mesmo que ele ultrapasse os limites do elemento.

Opções de Direção:

As classes também oferecem opções para controlar o comportamento de overflow em direções específicas: vertical e horizontal.

• .overflow-y:
  • Aplica overflow-y: auto !important; para habilitar barras de rolagem vertical quando necessário.
• .overflow-y-hidden:
  • Aplica overflow-y: hidden !important; para ocultar o conteúdo que ultrapassa os limites verticalmente.
• .overflow-y-scroll:
  • Aplica overflow-y: scroll !important; para exibir barras de rolagem vertical, independentemente se o conteúdo ultrapassa os limites ou não.
• .overflow-y-visible:
  • Aplica overflow-y: visible !important; para exibir todo o conteúdo verticalmente, mesmo que ele ultrapasse os limites do elemento.
• .overflow-x:
  • Aplica overflow-x: auto !important; para habilitar barras de rolagem horizontal quando necessário.
• .overflow-x-hidden:
  • Aplica overflow-x: hidden !important; para ocultar o conteúdo que ultrapassa os limites horizontalmente.
• .overflow-x-scroll:
  • Aplica overflow-x: scroll !important; para exibir barras de rolagem horizontal, independentemente se o conteúdo ultrapassa os limites ou não.
• .overflow-x-visible:
  • Aplica overflow-x: visible !important; para exibir todo o conteúdo horizontalmente, mesmo que ele ultrapasse os limites do elemento.