ویژگی list-style-position تعیین می کند که نشانه گر آیتم های یک لیست بیرون از باکس اصلی عنصر یا داخل آن باشد.
این ویژگی همچنین می تواند بر روی عناصری که display آنها از نوع list-item است کنترل داشته باشد.
مقادیر ویژگی list-style-position
list-style-position: inside | outside | inherit
outside
outside مقدار اولیه و پیشفرض این ویژگی می باشد که باعث می شود تا علامت ها بیرون از باکس اصلی عنصر قرار بگیرند.
inside
با استفاده از این مقدار می توان نشانه گرها را در باکس اصلی آیتم های لیست جای داد.
ul {
list-style-position: inside;
}
inherit
مقدار inherit باعث می شود تا مکان نشانه گر از لیست پدر به ارث گرفته شود.
مثال
دموی زیر را بررسی کنید:
