خصوصیت overflow-x

برش دادن لبه های سمت چپ و راست محتوای داخل div، اگر محتوا سرریز کند:

div
{
overflow-x:hidden;
}

پشتیبانی مرورگرها

تمام مرورگرهای اصلی، خصوصیت overflow-x را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، تنظیم overflow-x برای یک عنصر را پشتیبانی نمی کند.

با استفاده از خصوصیت overflow-x می توان مشخص کرد هنگامی که محتوا از لبه سمت چپ یا راست سرریز می شود، چه اتفاقی رخ دهد.

برای تشخیص برش دادن لبه های بالا و پایین از خصوصیت overflow-y استفاده کنید.

مقدار پیشفرض	visible
ارث بری	خیر
نسخه	CSS3
JavaScript ساختار	object.style.overflowX="scroll"

مقدار	توضیحات	نمایش دادن
visible	محتوا برش داده نمی شود، و ممکن است از داخل کادر بیرون بزند.	نمایش دادن »
hidden	محتوا برش داده می شود - ولی هیچ مکانیسمی برای scroll شدن فراهم نمی شود.	نمایش دادن »
scroll	محتوا برش داده می شود و scroll می شود.	نمایش دادن »
auto	در صورتی که سرریز رخ دهد، مکانیزم scroll به کار گرفته می شود.	نمایش دادن »
no-display	اگر محتوا داخل کادر جا نشود و سرریز رخ دهد، کل کادر نمایش داده نمی شود.	نمایش دادن »
no-content	اگر محتوا داخل کادر جا نشود و سرریز رخ دهد، کل محتوا مخفی می شود.	نمایش دادن »