ویژگی overflow-x CSS

تعریف و استفاده

ویژگی overflow-x تعیین می‌کند که آیا باید لبه‌های چپ/راست محتوا برش داده شود یا خیر - اگر محتوای جعبه پر شده باشد.

توضیح:استفاده overflow-y ویژگی برای تعیین برش لبه‌های بالا/پایین استفاده می‌شود.

آموزش CSS:پر کردن CSS

دستورالعمل HTML DOM:ویژگی overflowX

مثال

برش لبه‌های چپ/راست محتوای div - اگر محتوای جعبه پر شده باشد:

div
{
overflow-x:hidden;
}

آزمایش کنید

نوع نوشتار CSS

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

مقدار ویژگی

مقدار توضیحات آزمایش
مشخص برش محتوا نکردن، ممکن است در خارج از جعبه محتوا نمایش داده شود. آزمایش
hidden محتوای برش - ارائه مکانیزم اسکرول نمی‌کند. آزمایش
scroll محتوای برش - ارائه مکانیزم اسکرول. آزمایش
auto اگر جعبه پر شده باشد، باید مکانیزم اسکرول ارائه شود. آزمایش
no-display اگر محتوای مناسب جعبه محتواست، کل جعبه حذف می‌شود. آزمایش
no-content اگر محتوای مناسب جعبه محتواست، کل محتوا پنهان می‌شود. آزمایش

جزئیات فنی

مقدار پیش‌فرض: مشخص
وراثت: خیر
نسخه: CSS3
نوع نوشتار JavaScript: اجسام.style.overflowX="scroll"

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این ویژگی را به طور کامل پشتیبانی می‌کند.

اعداد اولین نسخه از استفاده از پیشوند -ms- را نشان می‌دهند.

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