cssblog.ir logo
P

background-origin

روش تعیین ناحیه نمایش پس‌زمینه

با کمک این مشخصه بسیار کاربردی می توان تعیین نمود که کدام تصویر پس زمینه در کدام نواحی از عنصر می تواند نمایش داده شود

با استفاده از این مشخصه در CSS می توانیم تعیین کنیم که پس زمینه ما در کدام قسمت از عنصر رسم شود. ما می توانیم تعیین کنیم که پس زمینه روی کل عنصر، داخل مرزها (border) و یا داخل padding آن رسم شود. پس مقادیری که ما می توانیم به این مشخصه بدهیم عبارتند از:

border-box

در این مثال رنگ border ها دارای شفافیت ۵۰ درصد است به همین دلیل هنگام استفاده از background-origin: border-box تصویر پس‌زمینه روی border و خود border هر دو قابل مشاهده هستند. 

padding-box 

با تعیین background-origin: padding-box تصویر پس‌زمینه تا مرز حاشیه (border) نمایش داده می شود

 

content-box

با دادن مقدار content-box فقط ناحیه مربوط به محتوا (بدون احتساب padding و حاشیه) می‌تواند تصویر پس‌زمینه قبول کند. مانند:

 برای آشنایی کامل با زیرمشخصه های background می توانید به  اینجا مراجعه کنید. 

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند