امیر سروریCSS، استاندارد وب سایت، اصول طراحی وب سایت

این مقاله بخشی از آرشیو تاریخی وب‌تارگت است و ممکن است به‌روز نباشد، به‌ویژه در موضوعات فنی. پیش از استفاده از مطالب، تاریخ انتشار را بررسی کنید.

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

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

CSS (syntax)

element {

    outline-width: number+unit;

    outline-style: (numerous);

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

}

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

CSS (syntax)

element {

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

}

example – مثال

CSS

element {
    outline: 3px dotted gray;
}

نکته

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

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

CSS (syntax)

element {

    list-style-type: (numerous);

    list-style-position:inside || outside;

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

}

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

CSS

element {
    list-style-type: disc;

    list-style-position: outside;

    list-style-image: none;
}

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

CSS (syntax)

element {

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

}

example – مثال

CSS

ul li {
    list-style: square inside url(image.png);
}

نکته

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