خواص مربوط به سرریزی Overflow عناصر در CSS

8 / 10 از 16 کاربر

خواص مربوط به سرریزی Overflow عناصر در CSS

در این بخش از آموزش css ، ویژگی Overflow را آموزش میدهیم.

در صورتی که محتوای یک عنصر سر ریز کند با این ویژگی میتوانید مشخص کنید که بعد از سرریز شدن چه اتفاقی بیفتد.

div
{
width:150px;
height:150px;
overflow:scroll;
}

در مثال بالا ، در صورتی که ارتفاع و عرض محتوای داخل div بیشتر از مقدار طول و عرض تعیین شده شود ، div بصورت اسکرول نمایش داده میشود.

مقادیری که میتوانید در این خصوصیت استفاده کنید :

visible : حالت پیش فرض است که بصورت معمولی نمایش داده می شود.

hidden : در این حالت در صورتی که محتوا از طول و عرض عنصر تجاوز کند ، نمایش داده نمیشود.

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

auto : در این حالت که بسیار پر استفاده است مانند اسکرول عمل میکند، با این تفاوت اساسی که اسکرول بر اساس موقعیت افقی یا عمودی خواهد خورد و در صورتی که تجاوز نکند ، اسکرول نخواهد خورد.

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

مهدی : تشکر
4 3
خیلی عالی بود مرسی
مهدی : ممنون
4 3
ممنون مطلب خوب و مفیدی بود عالی ;)
علی : نظردهی
3 3
سایت شما این تگ را به خوبی آموزش داده است. مرسی
مهدی : عااااااااالییییییی
1 0
درسته که ساده بود اما برای من نکته و ابزاری عااالییییی بود ممنون
عنوان نظر :
نام شما :
ایمیل :
تلفن تماس :
*