in English
Meluap
Gunakan utilitas singkatan ini untuk mengonfigurasi dengan cepat bagaimana konten meluap ke suatu elemen.
Sesuaikan overflow
properti dengan cepat dengan empat nilai dan kelas default. Kelas-kelas ini tidak responsif secara default.
Ini adalah contoh penggunaan
.overflow-auto
pada elemen dengan dimensi lebar dan tinggi yang ditetapkan. Secara desain, konten ini akan bergulir secara vertikal.
Ini adalah contoh penggunaan
.overflow-hidden
pada elemen dengan dimensi lebar dan tinggi yang ditetapkan.
Ini adalah contoh penggunaan
.overflow-visible
pada elemen dengan dimensi lebar dan tinggi yang ditetapkan.
Ini adalah contoh penggunaan
.overflow-scroll
pada 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 $overflows
variabel 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,
),