Lewati ke konten utama Lewati ke navigasi dokumen
in English

Meluap

Gunakan utilitas singkatan ini untuk mengonfigurasi dengan cepat bagaimana konten meluap ke suatu elemen.

Sesuaikan overflowproperti dengan cepat dengan empat nilai dan kelas default. Kelas-kelas ini tidak responsif secara default.

Ini adalah contoh penggunaan .overflow-autopada elemen dengan dimensi lebar dan tinggi yang ditetapkan. Secara desain, konten ini akan bergulir secara vertikal.
Ini adalah contoh penggunaan .overflow-hiddenpada elemen dengan dimensi lebar dan tinggi yang ditetapkan.
Ini adalah contoh penggunaan .overflow-visiblepada elemen dengan dimensi lebar dan tinggi yang ditetapkan.
Ini adalah contoh penggunaan .overflow-scrollpada elemen dengan dimensi lebar dan tinggi yang ditetapkan.
<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

Menggunakan variabel Sass, Anda dapat menyesuaikan utilitas overflow dengan mengubah $overflowsvariabel di _variables.scss.

Kelancangan

API Utilitas

Utilitas overflow dideklarasikan di API utilitas kami di scss/_utilities.scss. Pelajari cara menggunakan API utilitas.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),