CSS overflow-x کا نمائش
- بالای پیچ overflow-wrap
- پائین پیچ overflow-y
تعریف و استفاده
ویژگی 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 |
| آموزش زبان جاوااسکریپت: | آیتم.style.overflowX="scroll" |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیه مرورگرهایی هستند که این ویژگی را به طور کامل پشتیبانی میکنند.
عدد کسی که شامل -ms- است، نشاندهنده نسخه اولیه با استفاده از پیشوند است.
| چروم | IE / ایج | فایرفاکس | سافاری | اوپرا |
|---|---|---|---|---|
| 4.0 | 9.0 8.0 -ms- |
3.5 | 3.0 | 9.5 |
- بالای پیچ overflow-wrap
- پائین پیچ overflow-y
