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

خصوصیت 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  در شرکت اسپیناس مشتری مداری حرف اول را می زند

  • بهینه سازی موتور جستجو(SEO)

    بهینه سازی موتور جستجو(SEO) چیست؟ سئو یک رشته بازاریابی است که در آن تمرکز بر روی قابلیت د…
  • طراحی سایت شخصی جناب آقای دکتر خرسندی

    طراحی سایت شخصی جناب  آقای دکتر خرسندی نام وب سایت : خرسندی تاریخ تحویل :تیر ۹۶ آدرس وب سا…
  • تاثیر سئو وبلاگ در طراحی سایت

    امروز می خواهیم در مورد موضوع تاثیر وبلاگ در طراحی سایت باهم صحبت کنیم. در طراحی سایت که ا…
  • الگوریتم Rank Brain گوگل

      مقاله ای که در طراحی سایت اسپیناس می خواهیم در مورد آن صحبت کنیم در مورد الگوریتم R…
  • CRM چیست ؟

    Crm چیست ؟ امروز در طراحی وب سایت اسپیناس به این موضوع میپردازیم یک شرکت برای بیزنس خود عل…
  • کمپین تبلیغاتی Advertising Campaign در طراحی وب سایت

      امروز در طراحی سایت اسپیناس می خواهیم در مورد یک موضوع داغ امروز صحبت کنیم. بیشتر م…
بارگذاری نوشته های مرتبط بیشتر
بارگذاری بیشتر در آموزش Css در طراحی سایت

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

نشانی ایمیل شما منتشر نخواهد شد.

بررسی کنید

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

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