Lists

برای زیباتر نشان دادن لیست ها باید از ویژگی های CSS استفاده کنید.

این ویژگی ها را در لیست زیر مشاهده می کنید :

  • list-style-type : نوع لیست را مشخص می کند
  • list-style-image : نشان دهنده این است که لیست با عکس نمایش داده شود
  • list-style-position : مکان یک لیست را مشخص می کند

مثال هایی از این ویزگی ها را مشاهده می کنید :

ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}

ol.c {
  list-style-type: upper-roman;
}

ol.d {
  list-style-type: lower-alpha;
}
ul {
  list-style-image: url('sqpur.png');
}
ul.a {
  list-style-position: outside;
}

ul.b {
  list-style-position: inside;
}

Lists Shorthand

برای کوتاه نویسی سه ویژگی لیست ها باید از ویژگی list-style استفاده کنید.

مثالی از این ویژگی را مشاهده می کنید :

ul {
  list-style: square inside url("sqpur.png");
}
توسعه دهندگان
احسان اسلامی