Outline , list-style – خلاصه نویسی دستورات CSS

راهنمای خلاصه نویسی دستورات CSS برای Outline , list-style


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

خلاصه نویسی دستورات CSS – Outline , list-style


Outline properties – خواص و توانایی های Outline

element {

  outline-width: number+unit;

  outline-style: (numerous);

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

}

the outline shorthand property – توانایی های Outline به صورت خلاصه نویسی شده

element {

  outline:outline-width outline-style outline-color;

}

example – مثال

element {

  outline:3px dotted gray;

}

نکته

این نکته با توجه به قسمت های قبل تکرار می شود که خلاصه نویسی دستورات CSS باید با دقت صورت گیرد . در غیر اینصورت ممکن است مقادیر پیش فرض تغییر کنند . برای توضیحات بیشتر به قسمت های قبلی مراجعه نمائید

list-style properties – خواص و توانایی های list-style

element { 

  list-style-type: (numerous);

  list-style-position:inside || outside;

  list-style-image:url(image.png);

}

list-style property defaults – مقادیر تعیین شده به صورت پیش فرض

element {

  list-style-type:disc;

  list-style-position:outside;

  list-style-image:none;

}

the list-style shorthand property – توانایی های list-style به صورت خلاصه نویسی شده

element {

  list-style:list-style-type list-style-position list-style-image);

}

example – مثال

ul li {

  list-style:square inside url(image.png);

}

نکته

در مثال فوق در صورت عدم وجود تصویر به صورت پیش فرض از square استفاده خواهد شد.



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

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


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





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

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

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

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

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



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

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