سبد (0)

خصوصیت overflow-x

مثال (خصوصیت overflow-x)

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

div
{
overflow-x:hidden;
}
خودتان امتحان کنید »

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

Internet Explorer Firefox Opera Google Chrome Safari

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

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


تعریف و کاربرد

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

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

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

نحوه استفاده

overflow-x: visible|hidden|scroll|auto|no-display|no-content;
مقدار توضیحات نمایش دادن
visible

محتوا برش داده نمی شود، و ممکن است از داخل کادر بیرون بزند.

نمایش دادن »
hidden

محتوا برش داده می شود - ولی هیچ مکانیسمی برای scroll شدن فراهم نمی شود.

نمایش دادن »
scroll

محتوا برش داده می شود و scroll می شود.

نمایش دادن »
auto

در صورتی که سرریز رخ دهد، مکانیزم scroll به کار گرفته می شود.

نمایش دادن »
no-display

اگر محتوا داخل کادر جا نشود و سرریز رخ دهد، کل کادر نمایش داده نمی شود.

نمایش دادن »
no-content

اگر محتوا داخل کادر جا نشود و سرریز رخ دهد، کل محتوا مخفی می شود.

نمایش دادن »
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه