background در CSS
دسته بندی : آموزش CSS سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 19 بهمن 1399به معرفی و بررسی background در CSS می پردازیم.
توضیح ویژگی پس زمینه
با استفاده از ویژگی بک گراند CSS ، می توانید بک گراند هر عنصر را اصلاح کنید:
body {
background: lightblue url("pom-laptop.png") repeat fixed right;
}
در واقع یک مختصر بک گراند CSS برای هشت زیر خاصیت جداگانه است:
- تصویر پس زمینه
- موقعیت پس زمینه
- اندازه
- پس زمینه تکرار
- پیوست
- خاستگاه
- پس زمینه-کلیپ
- رنگ
بررسی ویژگی background در CSS
از آنجا که ما در اینجا از مختصر background CSS استفاده می کنیم ، نیازی نیست که نام زیرمجموعه ها را لیست کنید – فقط خود مقادیر:
پس زمینه: موقعیت تصویر / اندازه تصویر تکرار پیوست رنگ کلیپ.
نیازی به تعریف همه مقادیر نیست. با این حال ، موقعیت و اندازه لازم است که به صورت جفت و با یک بریدگی جدا شوند. همچنین توصیه می شود از نظم نمایش داده شده در مثال نحوی پیروی کنید.
می توانید تمام مقادیر مربوط به ویژگی پس زمینه را که در جدول زیر تعریف شده است مشاهده کنید.
ارزش های املاک
Default | Description | Value |
none | تصویری را برای پس زمینه CSS مشخص می کند | image |
0% 0% | موقعیت را برای تصویر پس زمینه CSS مشخص می کند | position |
auto auto | اندازه را برای تصویر پس زمینه CSS مشخص می کند | size |
repeat | پس زمینه CSS را در صفحه تکرار یا تکرار نمی کند | repeat |
scroll | مشخص می کند که تصویر پس زمینه CSS ثابت یا قابل اسکرول باشد | attachment |
padding-box | منطقه موقعیت یابی را برای تصویر پس زمینه CSS مشخص می کند | origin |
border-box | منطقه نقاشی را برای تصویر پس زمینه CSS مشخص می کند | clip |
transparent | رنگ پس زمینه CSS را مشخص می کند | color |
پشتیبانی از مرورگر
این تگ در مرورگرهای IE ، safari ، firefox، cherom، opera و Edge پشتیبانی می شود.
در دوره آموزش CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
این مقاله چقدر براتون مفید بود؟