خدمات طراحی سایت
طراحی و اجرای شبکه های کامپیوتری در کرمانشاه و شهرستانهای تابعه
انجام پروژه های دانشجویی
آموزش های طراحی وب
آموزشهای شبکه
طراحی و اجرای شبکه های کامپیوتری در کرمانشاه و شهرستانهای تابعه
انجام پروژه های دانشجویی
آموزش های طراحی وب
آموزشهای شبکه
تنظیم پس زمینه Background در CSS
خاصیت background در CSS برای قرار دادن عکس و یا رنگ به پس زمینه ی یک عنصر یا صفحه استفاده می شود.خواص CSS برای افکت دادن به پس زمینه:
background-color
رنگ پس زمینه
background-color مشخص کننده ی رنگ پس زمینه عنصر است.
در CSS عموما رنگ به صورتهای زیر مشخص می شود:
• با واحد Hex مثل: "#ff0000"
• به صورت RGB مثل "rgb(255,0,0)"
• با نام رنگ مثال "red"
در مثال زیر عناصر h1, p, div رنگ پس زمینه های متفاوتی دارند:
مثال برای css backrround
پیش نمایش
background-image در Css
عکس پس زمینه : background-image
خصوصیت background-image یک عکس را به عنوان پس زمینه ی یک عنصر مشخص می کند.
به صورت پیشفرض یک تصویر مکررا تکرار می شود تا کلیه فضای پس زمینه ی عنصر مربوط را بپوشاند.
عکس پس زمینه ی یک صفحه می تواند به صورت زیر تعریف شود:
عکس پس زمینه - تکرار به صورت افقی یا عمودی
به صورت پیش فرض background-image تصویر را هم به صورت افقی و هم به صورت عمودی تکرار می کند.
چنانچه بخواهیم عکس پس زمینه ما فقط در راستای افقی یا عمودی تکرار شود بایستی خاصیت background-repeat را برای آن به صورت زیر مقدار دهی کنیم .
مثال برای background-image
پیش نمایش
عکس پس زمینه – تنظیم موقعیت و تکرار نشدن(no-repeat)
اگر بخواهییم عکس فقط یکبار نماش داده شود و تکرار نداشته باشه باید از خصوصیت background-repeat استفاده کنیم. به صورت زیر:
مثال برای background-image-position
پیش نمایش
background-attachment برای اینکه بتوانیم تصویر پس زمینه را ثابت انتخاب کنیم از این ویژگی استفاده میکنیم. مقدار پیش فرض آن scroll میباشد.
مثال برای background-attachment
پیش نمایش
پس زمینه – خصوصیت مختصرنویسی
می توانید برای کوتاه کردن کد، همه ی خصوصیات را در یک خصوصیت مشخص کنید.
مختصرنویسی خصوصیات پس زمینه به سادگی با خصوصیت "background" انجام می شود:
فقط در این نوع نوشتن می بایست ترتیب را به صورت زیر رعایت کنید:
1. background-color
2. background-image
3. background-repeat
4. background-attachment
5. background-position
ترتیب بالا در مختصر نویسی بایستی رعایت شود .
تمام خصوصیات پس زمینه در CSS
خصوصیت |
توضیحات |
background |
تمام خصوصیات را در یک اعلان مشخص می کند . |
background-attachment |
ثابت بودن عکس پس زمینه یا scroll شدنش را مشخص می کند . |
background-color |
رنگ پس زمینه ی یک عنصررا مشخص می کند . |
background-image |
عکس پس زمینه برای یک عنصر را مشخص می کند . |
background-position |
محل شروع قرار گرفتن عکس پس زمینه را مشخص می کند . |
background-repeat |
چگونگی تکرار تصویر پس زمینه را مشخص می کند . |
برچسب مطالب :
css چیست| قواعد نوشتاری زبان css | کلاس و id در css| چگونگی عملکرد css| تنظیم پس زمینه background در css | متن در css| فونت در css | لینک ها در css | لیستها در css | جداول در css| باکس Box Model در css | ویژگی css border | ویژگی css outline| ویژگی css margin | ویژگی css padding | گزینشگرهای گروهی در Css | خاصیت css dimension | خاصیت css display | خاصیت css position | خاصیت css floating | خاصیت css align | شبه کلاسها در css | شبه عناصر در css | نوار هدایت در css | گالری تصاویر در css| ایجاد تصاویر شفاف در css| خاصیت image sprites در css | انواع رسانه ها در css | انتخاب گرها در css| معرفی css3| حاشیه در css3| پس زمینه در css3| خاصیت css3 gradients| جلوه های متن در Css3| فونت در css3| تغییر شکل های 2 بعدی در css3| ترنسفرم های سه بعدی در css3 | خاصیت css3 transitions | انیمیشن در css3 | ستونهای چند گانه در css3 | رابط کاربری css3 |
css چیست
قواعد نوشتاری زبان css
کلاس و id در css
چگونگی عملکرد css
تنظیم پس زمینه background در css
متن در css
فونت در css
لینک ها در css
لیستها در css
جداول در css
باکس Box Model در css
ویژگی css border
ویژگی css outline
ویژگی css margin
ویژگی css padding
گزینشگرهای گروهی در Css
خاصیت css dimension
خاصیت css display
خاصیت css position
خاصیت css floating
خاصیت css align
شبه کلاسها در css
شبه عناصر در css
نوار هدایت در css
گالری تصاویر در css
ایجاد تصاویر شفاف در css
خاصیت image sprites در css
انواع رسانه ها در css
انتخاب گرها در css
معرفی css3
حاشیه در css3
پس زمینه در css3
خاصیت css3 gradients
جلوه های متن در Css3
فونت در css3
تغییر شکل های 2 بعدی در css3
ترنسفرم های سه بعدی در css3
خاصیت css3 transitions
انیمیشن در css3
ستونهای چند گانه در css3
رابط کاربری css3
قواعد نوشتاری زبان css
کلاس و id در css
چگونگی عملکرد css
تنظیم پس زمینه background در css
متن در css
فونت در css
لینک ها در css
لیستها در css
جداول در css
باکس Box Model در css
ویژگی css border
ویژگی css outline
ویژگی css margin
ویژگی css padding
گزینشگرهای گروهی در Css
خاصیت css dimension
خاصیت css display
خاصیت css position
خاصیت css floating
خاصیت css align
شبه کلاسها در css
شبه عناصر در css
نوار هدایت در css
گالری تصاویر در css
ایجاد تصاویر شفاف در css
خاصیت image sprites در css
انواع رسانه ها در css
انتخاب گرها در css
معرفی css3
حاشیه در css3
پس زمینه در css3
خاصیت css3 gradients
جلوه های متن در Css3
فونت در css3
تغییر شکل های 2 بعدی در css3
ترنسفرم های سه بعدی در css3
خاصیت css3 transitions
انیمیشن در css3
ستونهای چند گانه در css3
رابط کاربری css3