خصوصیت overflow-x
مثال (خصوصیت overflow-x)
برش دادن لبه های سمت چپ و راست محتوای داخل 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 |
اگر محتوا داخل کادر جا نشود و سرریز رخ دهد، کل محتوا مخفی می شود. |
نمایش دادن » |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 7456
