Sifat overflow-x CSS

Definisi dan penggunaan

Sifat overflow-x menentukan sama ada kandungan kiri/kanan akan dipotong - jika kandungan terlalu banyak untuk area elemen.

Petikan:Gunakan overflow-y Untuk menentukan pemotongan atas/bawah.

Panduan CSS:Luar CSS

Panduan HTML DOM:Sifat overflowX

Contoh

Memotong kiri/kanan kandungan elemen div - jika kandungan terlalu banyak untuk area elemen:

div
{
overflow-x:hidden;
}

Cuba sendiri

Syarat CSS

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

Nilai sifat

Nilai Penerangan Pengujian
terlihat Jika kandungan tidak dipotong, mungkin akan ditampilkan di luar kotak kandungan. Pengujian
hidden Memotong kandungan - Tidak menyediakan mekanisme gesa. Pengujian
scroll Memotong kandungan - Menyediakan mekanisme gesa. Pengujian
auto Jika terlalu banyak, perlu disediakan mekanisme gesa. Pengujian
no-display Jika kandungan tidak sesuai dengan kotak kandungan, keseluruhan kotak akan dipadamkan. Pengujian
no-content Jika kandungan tidak sesuai dengan kotak kandungan, keseluruhan kandungan akan disembunyikan. Pengujian

Detil teknikal

Nilai lalai: terlihat
Inheritsi: tidak
Versi: CSS3
Syarat JavaScript: objek.style.overflowX="scroll"

Dukungan pelayar

Nombor dalam tabel menunjukkan versi pelayar pertama yang sepenuhnya mendukung sifat ini.

Nombor yang mengandungi -ms- menunjukkan versi pertama yang digunakan dengan prefiks.

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