در این جلسه  طراحی سایت شما را با  خصوصیت های زیر آشنا می شویم:

خصوصیت overflow

این خصوصیت ھنگامی استفاده می شود که محتویات یک عنصر به دلیل محدودیت در ابعاد تعریف شده برای آن، امکان
سرریز دارند، خاصیت overflow نحوه ی برخورد با این سرریز را مشخص می کند.

و یکی از ۴ مقدار زیر را می پذیرد:

Visible : مقدار پیشفرض و باعث نمایش محتوای سرریز شده می شود.
Hidden : محتوای سرریز شده پنھان می شود.
Scroll : محتوای سرریز شده را پنھان می کند و قابلیت اسکرول شدن برای دیدن محتوای سرریز شده را
فعال می کند
Auto : اگر کم بودن عرض عنصر باعث سر ریز شدن باشد، اسکرول افقی و اگر کم بودن ارتفاع عنصر باعث
سرریز شدن باشد اسکرول عمودی را برای عنصر فعال می کند.
مثال :

<div>
 <h3> espinas: Javascript and Web Design Tutorials </h3>
 <h3> espinas: Javascript and Web Design Tutorials </h3>
 <h3> espinas: Javascript and Web Design Tutorials </h3>
 <h3> espinas: Javascript and Web Design Tutorials </h3>
 <h3> espinas: Javascript and Web Design Tutorials </h3>
 </div>

div {

border: 1px solid #000;
 width: 400px;
 height: 140px;
 overflow: auto;
 }

overflow-y و overflow-x

این خصوصیات مشابه overflow می باشند و اجازه ی کنترل overflow را با scrollbar افقی یا عمودی به طور جداگانه در
اختیار می گذارند.
بسیار خب تا به اینجا با ھمه ی فضاھای اطراف یک عنصر و خاصیت overflow نیز آشنا شدیم در فصل بعدی با خاصیت
float یا شناور ساختن عناصر و خاصیت clear، و تراز افقی شما را آشنا خواھیم کرد

طراحی سایت اسپیناس همیشه سعی در استفاده از به روز ترین تکتینک ها و ابزارها در  طراحی سایت دارد  در اسپیناس از تکنولوژی ها روز دنیا مانند CSS3 , HTML5 , Jquery , JAVASCRIPT   در طراحی وب سایت استفاده می شود و همچنین زبانهایی مانند PHP , ASP  در شرکت اسپیناس مشتری مداری حرف اول را می زند

بارگذاری نوشته های مرتبط بیشتر
بارگذاری بیشتر در آموزش Css در طراحی سایت

پاسخ دهید

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

چهارده − 2 =

بررسی کنید

آموزش CSS (فصل بیستم) – آشنایی جلوه های ویژه ی CSS3

در این جلسه  طراحی سایت شما را با جلوه های ویژه ی CSS3 آشنا می کنیم: خاصیت transform شما م…