List-style-type xassəsi

list-style-type xassəsi ul siyahısı üçün nöqtə markerləri əvəzinə kvadratlar və ya dairələr etməyə imkan verir. ol siyahısı üçün adi rəqəmlər əvəzinə rum, latın və ya yunan hərfləri şəklində nömrələmə edilə bilər.

Sintaksis

selektor {
	list-style-type: qiymət;
}

ul üçün qiymətlər

Qiymət	Təsvir
`circle`	Dairə şəklində markerlər yaradır.
`disc`	Rənglənmiş dairələr şəklində markerlər yaradır.
`square`	Kvadratlar şəklində markerlər yaradır.
`none`	Markerləri silir.

Standart qiymət: disc.

ol üçün qiymətlər

Qiymət	Təsvir
`armenian`	Ənənəvi erməni nömrələməsi.
`decimal`	Ərəb rəqəmləri.
`decimal-leading-zero`	Ondan kiçik rəqəmlər üçün qarşısında sıfır olan ərəb rəqəmləri.
`georgian`	Ənənəvi gürcü nömrələməsi.
`lower-alpha`	Kiçik latın hərfləri.
`lower-greek`	Kiçik yunan hərfləri.
`lower-latin`	Bu qiymət lower-alpha ilə eynidir.
`lower-roman`	Kiçik hərfli rum rəqəmləri.
`upper-alpha`	Böyük latın hərfləri.
`upper-latin`	Bu qiymət upper-alpha ilə eynidir.
`upper-roman`	Böyük hərfli rum rəqəmləri.
`none`	Markerləri silir.

Standart qiymət: decimal.

Nümunə

<ul>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ul>

ul {
	list-style-type: disc;
}

Nümunə

<ul>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ul>

ul {
	list-style-type: circle;
}

Nümunə

<ul>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ul>

ul {
	list-style-type: square;
}

Nümunə

<ul>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ul>

ul {
	list-style-type: none;
}

Nümunə

<ol>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ol>

ol {
	list-style-type: decimal;
}

Nümunə

<ol>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ol>

ol {
	list-style-type: armenian;
}

Nümunə

<ol>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ol>

ol {
	list-style-type: decimal-leading-zero;
}

Nümunə

<ol>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ol>

ol {
	list-style-type: georgian;
}

Nümunə

<ol>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ol>

ol {
	list-style-type: lower-alpha;
}

Nümunə

<ol>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ol>

ol {
	list-style-type: lower-greek;
}

Nümunə

<ol>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ol>

ol {
	list-style-type: lower-latin;
}

Nümunə

<ol>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ol>

ol {
	list-style-type: lower-roman;
}

Nümunə

<ol>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ol>

ol {
	list-style-type: upper-alpha;
}

Nümunə

<ol>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ol>

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

Nümunə

Bu nümunə göstərir ki, color xassəsi təkcə mətn rənginə deyil, həm də markerlərin rənginə təsir edir:

<ul>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ul>

ul {
	list-style-type: disc;
	color: red;
}

Həmçinin bax

list-style-image xassəsi,
bu xassə verilmiş şəkillər şəklində markerlər təyin edir
list-style-position xassəsi,
bu xassə markerlərin mövqeyini təyin edir
list-style xassəsi,
bu xassə markerlər üçün qısaltmadır