CSS :  خواص Background در CSS

• خواص‌های Background را می‌توان در تعريف و پس‌زمينه برای اجزای مختلف بصورت رنگ يا يك تصوير در يك سند HTML بكار برد.

- انواع خواص Background:
1) رنگ به عنوان زمينه (background-color)
2) تصوير به عنوان زمينه (background-image)
3) تعيين تكرار و عدم تكرار تصوير در زمينه (background-repeat)
4) تعيين ثابت يا متحرك بودن زمينه (background-attachment)
5) موقعيت پس زمينه (background-position)

• Background Color :

body {background-color:#b0c4de;}
h1 {background-color:#6495ed;}
p {background-color:#e0ffff;}
div {background-color:#b0c4de;}

نوع رنگ را می‌توان به روشهای زير تعريف كرد:

background-color:"#ff0000";
background-color:"rgb(255,0,0)";
background-color:"red";

• Background Image: می‌توان عکسی را به عنوان زمينه تعيين کرد. به صورت زير :

background-image:url('name.gif ');

• background-repeat: عکسی را که به عنوان زمينه انتخاب کرده ايم را تکرار می کند يا از تکرار آن جلوگيری می کند.
مقادير اين دستور repeat , no-repeat , repeat-x , repeat-y نيز است.

background-image:url('name.png');
background-repeat:repeat-x;

•  background-attachment: ثابت يا متحرک بودن زمينه را تعيين می کند. مقدار fixed برای ثابت و scroll برای متحرک است.

background-attachment:fixed;

• background-position: موقعيت اشياء را در صفحه مشخص می‌کند. پارامترهای اين دستور، مقدار عددی و غير عددی left , right , center , bottom , top , horizontal , vertical نيز می‌باشند.

background-image:url('name.png');
background-repeat:no-repeat;
background-position:right top;

« استفاده از مطالب این سایت، با ذکر نام سایت، بلامانع می‌باشد »