Ïàðàìåòðû ñïèñêîâ
Âèä ìàðêåðîâ èëè íóìåðàöèè ó ñïèñêîâ è èõ ïóíêòîâ îïðåäåëÿåòñÿ ïðè ïîìîùè àòðèáóòà ñòèëÿ list-style-type.
Çíà÷åíèÿ list-style-type:
- disc - ìàðêåð â âèäå ÷åðíîãî êðóãà (ñòàíäàðòíîå çíà÷åíèå äëÿ ñïèñêîâ);
- circle - ìàðêåð â âèäå îêðóæíîñòè;
- square - ìàðêåð â âèäå êâàäðàòà;
- decimal - íóìåðàöèÿ àðàáñêèìè öèôðàìè (ñòàíäàðòíîå çíà÷åíèå äëÿ íóìåðîâàííûõ ñïèñêîâ);
- decimal-leading-zero - íóìåðàöèÿ ñ àðàáñêèìè öèôðàìè â ôîðìàòå ñ íà÷àëüíûì íóëåì îò 01 äî 99;
- lower-roman - íóìåðàöèÿ ìàëûìè ðèìñêèìè öèôðàìè;
- upper-roman - íóìåðàöèÿ áîëüøèìè ðèìñêèìè öèôðàìè;
- lower-greek - íóìåðàöèÿ ìàëûìè áóêâàìè ãðå÷åñêîãî àëôàâèòà;
- lower-alpha - íóìåðàöèÿ ìàëûìè áóêâàìè ëàòèíñêîãî àëôàâèòà;
- lower-latin - íóìåðàöèÿ ìàëûìè áóêâàìè ëàòèíñêîãî àëôàâèòà;
- upper-alpha - íóìåðàöèÿ áîëüøèìè áóêâàìè ëàòèíñêîãî àëôàâèòà;
- upper-latin - íóìåðàöèÿ áîëüøèìè áóêâàìè ëàòèíñêîãî àëôàâèòà;
- armenian - íóìåðàöèÿ òðàäèöèîííûìè àðìÿíñêèìè öèôðàìè;
- georgian - íóìåðàöèÿ òðàäèöèîííûìè ãðóçèíñêèìè öèôðàìè;
- none - íóìåðàöèÿ è ìàðêåð îòñóòñòâóþò.
Ïðè ïîìîùè àòðèáóòà ñòèëÿ list-style-image â êà÷åñòâå ìàðêåðà ìîæíî çàäàâàòü èçîáðàæåíèå (ãðàôè÷åñêèé ìàðêåð). Ïðè ýòîì, åñëè çàäàí àòðèáóò ñòèëÿ list-style-type, îí èãíîðèðóåòñÿ.
URL-àäðåñ èçîáðàæåíèÿ äëÿ ãðàôè÷åñêîãî ìàðêåðà çàäàåòñÿ àíàëîãè÷íî ôîíîâîìó èçîáðàæåíèþ, çíà÷åíèå none óáèðàåò ãðàôè÷åñêèé ìàðêåð.
list-style-image: url("<àäðåñ èçîáðàæåíèÿ>")
ÏÐÈÌÅÐ:
UL {
list-style-image: url(/image/markers.jpg);
list-style-type: circle
}
|
Àòðèáóò ñòèëÿ list-style-position çàäàåò ìåñòîïîëîæåíèå ìàðêåðà (íóìåðàöèè) â ïóíêòå ñïèñêà.
Çíà÷åíèÿ list-style-position:
- inside - ìàðêåð (íóìåðàöèÿ) íàõîäèòñÿ âíóòðè ïóíêòà ñïèñêà, ôàêòè÷åñêè ÿâëÿÿñü åãî ÷àñòüþ.
- outside - ìàðêåð (íóìåðàöèÿ) âûíåñåíû çà ïðåäåëû ïóíêòà ñïèñêà (çíà÷åíèå ïî óìîë÷àíèþ).
