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

8 / 10 از 18 کاربر

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

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

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

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

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

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

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

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

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

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

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

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

دانلود فایل آموزش html بصورت word

دانلود فایل آموزش html بصورت فایل word گردآوری شده از مقالات سایت بصورت یک جا آماده ی دانلود می باشد. این فایل به دلیل فرمت باز بودن word آن، مناسب برای تحقیق ها و تغییرات دلخواه می باشد. تمامی مقال ...
دانلود فایل آموزش html بصورت pdf

دانلود فایل آموزش html بصورت pdf

دانلود فایل آموزش html بصورت فایل pdf گردآوری شده از مقالات سایت بصورت یک جا آماده ی دانلود می باشد. تمامی مقالات وب سایت پارس سافت در زمینه ی آموزش html بنا به درخواست کاربران عزیز، بصورت یک جا در ی ...
نویسنده : بهاره شکری
تاریخ انتشار : 07/05/1392
تعداد بازدید : 16693