تبلیغات

ویژگی overflow در css (سرریز)

ویژگی overflow در css (سرریز)


اگر محتوای یک عنصری سرریز کند، با این ویژگی می‌توانیم مشخص کنیم که در آن لحظه چه اتفاقی بیافتد! درضمن، منظور از سرریز این است که محتوا از جایی که در آن قرار گرفته است بزرگتر باشد!
به عنوان مثال، هدر سایت را تصور کنید که سایزی به آن نسبت می‌دهیم و حالا اگرسایز عکس پس زمینه‌ی هدر از خود این هدر بیشتر باشد چه اتفاقی می‌افتد؟!
به مثال زیر توجه کنید:

در این استایل، مقدار Overflow را برابر hidden قرار داده‌ایم که یعنی اگر عکس بزرگتر بود، قسمت سرریز شده را نمایش نده و مخفی کن! بنابراین اگر سایز تصویر از 999 در 207 بیشتر باشد، قسمتی از آن مخفی خواهد شد.

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

بررسی مقدارهای این ویژگی

  •  visible (پیش‌فرض)
    مقدار سرریز شده نمایش داده می‌شود و در حقیقت، از بدنه‌ی خود به بیرون می‌زند.
  • hidden
    مقدار سرریز شده مخفی شده و دیده نمی‌شود.
  • scroll
    یک اسکرول افقی و عمودی از همان ابتدا وجود دارد تا در صورت سرریز شدن بتوان اسکرول کرد.
  • auto (پر استفاده)
    یک دکمه‌ی اسکرول افقی و عمودی در هنگام سرریز شدن اضافه خواهد شد و اگر سرریزی وجود نداشته باشد، این اسکرول مخفی می‌شود.
تبلیغات
0
کانال تلگرام فول کده
تبلیغات

درباره نویسنده

هادی اکبرزاده

[ مدیر فول کده ]

علاقه‌مند به اشتراک گذاری اطلاعات در هر زمینه‌ای / برنامه‌نویس و دانشجوی ارشد رشته شبیه‌ساز هوشمند - در حال نوشتن یه رمان (اگه خدا بخواد و تموم شه ?)

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نظرات ثبت شده بدون دیدگاه