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

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


امیر سروری ۲ دیدگاه CSS , استاندارد وب سایت , اصول طراحی وب سایت شنبه, ۲۱ام خرداد , ۱۳۹۰ 8020 بازدید

خلاصه نویسی دستورات 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;

}

نکته

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



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

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


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


  1. روژ
    ۳۰ دی ۱۳۹۰

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




  2. میثم
    ۲۳ بهمن ۱۳۹۰

    بسیار عالی

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



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





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

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

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

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

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



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

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