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 پشتیبانی می کنند.
