درس 34 ارومیا دیزاین؛ overflow در CSS
ZIP را استخراج کنید و index.html را باز کنید. اینترنت و نصب لازم نیست.
فایل style.css مثال های آماده را اجرا می کند. نمونه visible عمداً متن را بیرون کادر نشان می دهد.
visible و hidden و scroll و auto و clip را مقایسه کنید. برای دیدن ادامه نمونه auto و scroll از اسکرول استفاده کنید.
با Tab روی کادر قابل اسکرول بروید و کلیدهای جهت را آزمایش کنید؛ کادر فوکوس باید دیده شود.
پنجره را تا عرض 375px کوچک کنید. جدول باید داخل قاب خودش اسکرول افقی داشته باشد.
در سیستم هایی با نوار اسکرول شناور، نوار ممکن است فقط هنگام حرکت دیده شود.
تمرین: در style.css به exercise ویژگی overflow: auto اضافه کنید. متن را کوتاه و دوباره آزمایش کنید.
پاسخ داخل solution.css است و از ابتدا فعال نیست. برای فعال کردن، بعد از لینک style.css در head این خط را اضافه کنید:
<link rel="stylesheet" href="solution.css">
متن بلند نباید حذف شود. در حالت کوتاه، auto نوار غیرضروری ایجاد نمی کند.
همه اعداد کدها انگلیسی هستند.
