Background – خلاصه نویسی دستورات CSS

راهنمای خلاصه نویسی دستورات CSS برای Background


امیر سروری 3 دیدگاه CSS , استاندارد وب سایت , اصول طراحی وب سایت Saturday, 11th June , 2011 13800 بازدید

خلاصه نویسی دستورات CSS – Background


background properties – خصوصیات پس زمینه

element { 

  background-color: color || #hex || (rgb / % || 0-255);

  background-image:url(URI);

  background-repeat: repeat || repeat-x || repeat-y || no-repeat;

  background-position: X Y || (top||bottom||center) (left||right||center);

  background-attachment: scroll || fixed;

}

default background property values – مقادیر پیش فرض برای خصوصیات پس زمینه

element { 

  background-color: transparent;

  background-image: none;

  background-repeat: repeat;

  background-position: top left;

  background-attachment: scroll;

}

the background shorthand property – خصوصیات پس زمینه به صورت خلاصه نویسی شده

element {

background: background-color background-image background-repeat background-attachment background-position ;

}

example – مثال

element  {

background:#ffffff url('img_tree.png') no-repeat scroll right top;

}

نکته

توجه داشته باشید که در صورت خلاصه نویسی ، مقادیر تعیین نشده به صورت پیش فرض در نظر گرفته خواهند شد



نویسنده / مترجم : امیر سروری

امیر سروری هستم علاقه مند به بازاریابی و تبلیغات آنلاین , طراحی وب سایت و البته آموزش


3 دیدگاه برای این نوشته ثبت شده است


  1. روژ
    20 January 2012

    ممنون خوندم واستفاده کردم.باتشکراززحمات شما




  2. میثم
    12 February 2012

    بسیار عالی

    از مطالب آموزشی که در سایت قرار دارید نهایت تشکر را دارم




  3. ثنا
    15 March 2020

    دمت گرم و سرت خوش باد



دیدگاه خود را بنویسید





نشانی ایمیل شما منتشر نخواهد شد.

کامنت های شما بعد از تأیید توسط نویسنده وبلاگ، منتشر خواهند شد.

لطفا دیدگاهتان تا حد امکان مربوط به پست بالا باشد. اگر حرف دیگری دارید و یا قصد تماس با من را دارید، از فرم تماس استفاده کنید.

شما میتوانید با مراجعه به سایت گراواتار یک آواتار اختصاصی برای خود تعریف کنید، تا در کنار نام شما نمایش داده شود

برای قرار دادن کدهای نمونه می توانید از تگ های [php] ، [html] ، [css] و [js] استفاده کنید.
به عنوان مثال کدهای php را می توان به صورت زیر قرار داد:
[php] var $whoLoveIranians = "WebTarget!"; [/php]



کلیه حقوق مادی و معنوی برای وب سایت وب تارگت محفوظ است ©2024 وب‌تارگت

استفاده از مطالب وب سایت در سایر وب سایت‌ها و نشریات چاپی با ذکر منبع آزاد است.