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

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