Atribut overflow-x CSS

Definisi dan penggunaan

overflow-x atribut menentukan apakah pemotongan kiri/kanan konten diijinkan - jika konten elemen mengkhianati area konten elemen.

Tips:Penggunaan overflow-y gunakan atribut untuk menentukan pemotongan atas/bawah.

Panduan CSS:Tumpukan CSS

Panduan Referensi DOM HTML:overflowX properti

Contoh

Potong bagian kiri/kanan konten elemen div - jika konten elemen mengkhianati area konten elemen:

div
{
overflow-x:hidden;
}

Coba sendiri

Syntaks CSS

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

Nilai atribut

Nilai Deskripsi Pengujian
visible Tidak memotong konten, mungkin akan terlihat di luar kotak konten. Pengujian
hidden Potong konten - Tidak menyediakan mekanisme gerak. Pengujian
scroll Potong konten - Menyediakan mekanisme gerak. Pengujian
auto Jika terjadi kelebihan kotak, maka harus disediakan mekanisme gerak. Pengujian
no-display Jika konten tidak sesuai dengan kotak konten, seluruh kotak akan dihapus. Pengujian
no-content Jika konten tidak sesuai dengan kotak konten, seluruh konten akan disembunyikan. Pengujian

Detil teknis

Nilai default: visible
Inheritance: no
Versi: CSS3
Syntaks JavaScript: object.style.overflowX="scroll"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

Angka yang mengandung -ms- menunjukkan versi pertama yang menggunakan prefiks.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 3.5 3.0 9.5