ویژگی background در CSS بخش دوم
ویژگی background در CSS بخش دوم background-position
ویژگی background در سی اس اس بخش دوم را در این سری آموزشی سایت آموزی برای شما خوبان تدارک دیدیم.
در بخش اول این مجموعه آموزشی با دو ویژگی background-color و background-repeat در css آشنا شدید.
ویژگی background در CSS بخش دوم
در این بخش نیز شما عزیزان را با دو ویژگی دیگر در سری مقالات background در css آشنا می کنیم.
در بخش دوم این آموزش دو ویژگی background-position و background-attachment را مورد بررسی قرار می دهیم.
ویژگی background-position در css
ویژگی background–position برای موقعیت یا جهت دادن به تصویر پس زمینه به کار می رود.
این ویژگی 6 مقدار می گیرد که عبارتنداز:
- مقدار bottom
- مقدار center
- مقدار left
- مقدار right
- مقدار top
- مقدار inherit
1- مقدار bottom در ویژگی background-position
مقدار bottom موقعیت قرارگیری تصویر پس زمینه را در پایین عنصر مورد نظر تعیین می کند.
2- مقدار center در ویژگی background-position در سی اس اس
مقدار center موقعیت قرارگیری تصویر پس زمینه را در مرکز یا وسط عنصر مورد نظر تعیین می کند.
3- مقدار left در ویژگی background-position
مقدار left موقعیت قرارگیری تصویر پس زمینه را در سمت چپ عنصر مورد نظر تعیین می کند.
4- مقدار right در ویژگی background-position در سی اس اس
مقدار right موقعیت قرارگیری تصویر پس زمینه را در سمت راست عنصر مورد نظر تعیین می کند.
5- مقدار top در ویژگی background-position
مقدار top موقعیت قرارگیری تصویر پس زمینه را در بالای عنصر مورد نظر تعیین می کند.
6- مقدار inherit در ویژگی background-position در سی اس اس
مقدار inherit موقعیت قرارگیری تصویر پس زمینه را همانند عنصر والد پدری تعیین می کند.
یعنی والد پدری هر موقعیتی پس زمینه اش قرار گیرد با انتخاب inherit این خصوصیت از والد به فرزند به ارث می رسد.
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
ویژگی background در CSS بخش دوم background-position – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید