თვისება list-style-type

თვისება list-style-type საშუალებას აძლევს სიისთვის ul წერტილების ნაცვლად გახადოს მარკერები კვადრატები ან წრეები. სიისთვის ol ჩვეულებრივი ციფრების ნაცვლად შეიძლება გაკეთდეს რომაული, ნუმერაცია ასოების სახით: ლათინური ან ბერძნული.

სინტაქსი

სელექტორი {
	list-style-type: მნიშვნელობა;
}

მნიშვნელობები ul-ისთვის

მნიშვნელობა	აღწერა
`circle`	ქმნის მარკერებს წრეების სახით.
`disc`	ქმნის მარკერებს გაფერადებული წრეების სახით.
`square`	ქმნის მარკერებს კვადრატების სახით.
`none`	შლის მარკერებს.

მნიშვნელობა ნაგულისხმევად: disc.

მნიშვნელობები ol-ისთვის

მნიშვნელობა	აღწერა
`armenian`	ტრადიციული სომხური ნუმერაცია.
`decimal`	არაბული ციფრები.
`decimal-leading-zero`	არაბული ციფრები ნულით წინ ათზე ნაკლები ციფრებისთვის.
`georgian`	ტრადიციული ქართული ნუმერაცია.
`lower-alpha`	პატარა ლათინური ასოები.
`lower-greek`	პატარა ბერძნული ასოები.
`lower-latin`	ეს მნიშვნელობა ანალოგიურია lower-alpha-ს.
`lower-roman`	რომაული ციფრები პატარა რეგისტრში.
`upper-alpha`	დიდი ლათინური ასოები.
`upper-latin`	ეს მნიშვნელობა ანალოგიურია upper-alpha-ს.
`upper-roman`	რომაული ციფრები დიდ რეგისტრში.
`none`	შლის მარკერებს.

მნიშვნელობა ნაგულისხმევად: decimal.

მაგალითი

<ul>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ul>

ul {
	list-style-type: disc;
}

მაგალითი

<ul>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ul>

ul {
	list-style-type: circle;
}

მაგალითი

<ul>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ul>

ul {
	list-style-type: square;
}

მაგალითი

<ul>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ul>

ul {
	list-style-type: none;
}

მაგალითი

<ol>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ol>

ol {
	list-style-type: decimal;
}

მაგალითი

<ol>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ol>

ol {
	list-style-type: armenian;
}

მაგალითი

<ol>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ol>

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

მაგალითი

<ol>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ol>

ol {
	list-style-type: georgian;
}

მაგალითი

<ol>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ol>

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

მაგალითი

<ol>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ol>

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

მაგალითი

<ol>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ol>

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

მაგალითი

<ol>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ol>

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

მაგალითი

<ol>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ol>

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

მაგალითი

<ol>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ol>

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

მაგალითი

ეს მაგალითი აჩვენებს, რომ თვისება color გავლენას ახდენს არა მხოლოდ ტექსტის ფერზე, არამედ მარკერების ფერზე:

<ul>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
	<li>სიის ელემენტი</li>
</ul>

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

იხილეთ აგრეთვე

თვისება list-style-image,
რომელიც ადგენს მარკერებს მოცემული სურათების სახით
თვისება list-style-position,
რომელიც ადგენს მარკერების პოზიციას
თვისება list-style,
რომელიც არის შემოკლება მარკერებისთვის