نمونه کد اتصال به دیتابیس

محاسبه طول پسورد

کدنویسی وردپرس

نمونه فرم کامل تماس

محاسبه قیمت به زبان php

صفحه سفید در وردپرس

غیرفعال کردن افزونه

ریدایرکت 301

قالب صحیفه

ریدایرکت به https

تابع چک کردن زوج یا فرد

background

۱۸ دی ۱۳۹۴ | 0 نظر | لینک کوتاه | css, properties, آموزش, المان های CSS

خصوصیت background به شما امکان می دهد تا پس زمینه هر المانی را که بخواهید به شکل دلخواه در آورید.
به نگارش زیر دقت داشته باشید.

body {
  background:
     url(sweettexture.jpg)    /* عکس */
     top center / 200px 200px /* مکان / سایز */
     no-repeat                /* تکرار شود یا خیر */
     fixed                    /* ضمیمه */
     padding-box              /* منشا */
     content-box              /* محتوا */
     red;                     /* رنگ */
}

این خصوصیت از ۸ زیر خصوصیت دیگر تشکیل شده که با کلیک بر روی هر لینک می توانید آموزش مرتبط با آنرا مشاهده نمایید :

background-image
background-position
background-size
background-repeat
background-attachment
background-origin
background-clip
background-color

همچنین شما می توانید از چند خصوصیت background همزمان استفاده نمایید

چند پس زمینه ای
CSS3 این امکان را می دهد که شما قابلیت چندپس زمینه ای ( multiple backgrounds ) داشته باشید ، بدین شکل که بصورت لایه لایه بر روی هم قرار می گیرند.
مثال زیر :

body {
  background: url(sweettexture.jpg), url(texture2.jpg) black;
  background-repeat: repeat-x, no-repeat;
}

در مثال فوق اولین عکس بالاترین ، بعد از کاما دومین عکس دومین لایه و رنگ سیاه سومین لایه را تشکیل میدهد.

مثال تکمیلی :

(برای مشاهده بهتر بر روی ویرایش کلیک کنید)

چه مرورگرهایی از این خصوصیت پشتیبانی می کنند ؟

 

Chrome Safari Firefox Opera IE Android iOS
Works Works Works Works Works Works Works

دیدگاه بگذارید

Be the First to Comment!

Notify of
avatar
wpDiscuz