اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> div { background-color: coral; width: 200px; height: 65px; border: 1px solid black; overflow-x: hidden; overflow-y: scroll; } </style> </head> <body> <h2>Overflow-x و overflow-y</h2> <p>ما همچنین می توانیم محتوای سرریز(overflow) را به صورت افقی یا عمودی تغییر دهیم.</p> <p>overflow-x مشخص می کند که برای اضلاع سمت چپ و راست(اسکرول افقی) محتوا چه کاری باید انجام دهیم.</p> <p>overflow-y مشخص می کند که برای اضلاع بالا و پایین(اسکرول عمودی) محتوا چه کاری باید انجام دهیم.</p> <div>ما می توانیم از ویژگی overflow وقتی که می خواهیم کنترل بهتری روی چینش داشته باشیم استفاده کنیم. ویژگی overflow مشخص می کند که اگر محتوا سرریز شود، برای جعبه ی یک عنصر چه اتفاقی می افتد.</div> </body> </html>
