background Property
ویژگی (کوتاه نویسی) background
در CSS تمام مشخصات پس زمینه را در یک جا قرار می دهد. مانند رنگ، عکس، اندازه و را نحوه تکرار.
نحوه نوشتار
background: red; background: url("image.jpg") repeat-y repeat-x; background: border-box #444444;
مقادیر
- background-attachment
- background-clip
- background-color
- background-image
- background-position
- background-repeat
- background-size
در مثال زیر نحوه عملکرد این ویژگی را میبینیم:
html
<p> لورم ایپسوم یا طرحنما (به انگلیسی: Lorem ipsum) به متنی آزمایشی و بیمعنی در صنعت چاپ، صفحهآرایی و طراحی گرافیک گفته میشود. طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید، تا از نظر گرافیکی نشانگر چگونگی نوع و اندازه فونت و ظاهر متن باشد. </p> <p class="note">این یک متن نمونه است.</p>
css
body { background: url("http://my-project.ir/img/cardboard.jpg"); font: 700 20px calibri; color: #ffffff; direction: rtl; } .note { background: lightseagreen; }
مشاهده و ویرایش کد در حالت تمام صفحه
پشتیبانی مرورگرها
تمام مرورگرها از این ویژگی CSS پشتیبانی می کنند.