این آموزش در تاریخ ۱۳۹۹/۱۱/۱۴ آپدیت شده است.
آموزش صفت Background در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Background در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Background در HTML
صفت background صفتی است که ما با استفاده از آن میتوانیم یک تصویر/عکس را برای پس زمینه صفحه تنظیم نماییم.
مثله نمونه تصویر زیر : ( اگر میخواهید هماننده تصویر زیر را ایجاد نمایید لطفا اینجا کلیک نمایید )
.
این صفت در HTML5 منسوخ شده و پشتیبانی نمیشود – باید از CSS استفاده نمایید.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <body> |
Free-Learn
مثال از صفت Background در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
|
1 2 3 4 5 |
<body background="images/girls-1.jpg"> <p>Salam Khobi? Man Sadegh Hastam.</p> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت background در HTML پشتیبانی میکنند یا خیر.
| نام صفت | Chrome | Firefox | Opera | Safari | IE |
| background | بله | بله | بله | بله | بله |
Free-Learn
نکات و توضیحات
این صفت در HTML5 پشتیبانی نمیشود لذا باید از دستورات CSS بجای این صفت استفاده کرد.
Free-Learn
مثال های بیشتر
مثال شماره ۱ : تنظیم تصویر برای پس زمینه صفحه با استفاده از دستورات CSS
|
1 2 3 4 5 |
<body style="background-image:url(images/girls-1.jpg);"> <p>Salam Khobi? Man Sadegh Hastam.</p> </body> |
