
|
Câoécòâo list-style-type
|

|
Câoécòâo list-style-type óïpaâëÿeò òèïoì âûâoäa êaê óïopÿäo÷eííûõ,
òaê è íeóïopÿäo÷eííûõ cïècêoâ. Oío aíaëoãè÷ío aòpèáóòoì type òeãoâ <ol> è
<ul>.
Äëÿ ýëeìeíòoâ íeóïopÿäo÷eííûõ cïècêoâ ýòo câoécòâo oïpeäeëÿeò ôopìó ìapêepoâ è ïpèíèìaeò
cëeäóþùèe çía÷eíèÿ: disc (äècê), circle (oêpóæíocòü), square
(êâaäpaò) èëè none (íeò ìapêepa). Ïo óìoë÷aíèþ ïpèíèìaeòcÿ çía÷eíèe disc;
ápoóçepû èçìeíÿþò ïpèíÿòoe ïo óìoë÷aíèþ çía÷eíèe â çaâècèìocòè oò ãëóáèíû âëoæeííocòè
cïècêa.
Câoécòâo list-style-type, ïpèìeíeííoe ê ýëeìeíòó óïopÿäo÷eííoão cïècêó, oïpeäeëÿeò âèä
íóìepaöèè. Ìoæeò ïpèíèìaòü cëeäóþùèe çía÷eíèÿ: decimal(apaácêèe öèôpû),
lower-roman(ìaëeíüêèe pèìcêèe öèôpû), upper-roman(áoëüøèe pèìcêèe öèôpû),
lower-alpha(còpo÷íûe ëaòèícêèe áóêâû), upper-alpha
(çaãëaâíûe ëaòèícêèe áóêâû) è none(íeò íóìepaöèè). Çía÷eíèÿ ïo óìoë÷aíèþ
còaíäapòaìè CSS íe oïpeäeëeío.

|
Câoécòâo list-style-image
|

|
Ýòo câoécòâo oïpeäeëÿeò èçoápaæeíèe,
ècïoëüçóeìoe âìecòo ìapêepa. Óêaæèòe â
çía÷eíèè câoécòâa URL èçoápaæeíèÿ, è âìecòo
oáû÷íoão ìapêepa(ecëè, êoíe÷ío, óäaëocü
çaãpóçèòü èçoápaæeíèe) ápoóçep âûâeäeò âaø
pècóíoê. Ïpèìep:
li {list-style-image: url(img/marker1.gif)}.

|
Câoécòâo list-style-position
|

|
Câoécòâo list-style-position óïpaâëÿeò cïocoáoì
âûâoäa ìapêepa. Ìoæeò ïpèíèìaòü äâa
çía÷eíèÿ: inside(ìapêep pacïoëoæeí cíapóæè)
è outside(ìapêep âêëþ÷eí â òeêcòoâûé áëoê).
Hè oäèí èç ïoïóëÿpíûõ ápoóçepoâ íe
ïoääepæèâaeò ýòo câoécòâo.

|
Oáëacòü ïpèìeíeíèÿ câoécòâ cïècêoâ
|

|
Booáùe câoécòâa cïècêoâ ìoãóò áûòü
ïpèìeíeíû ê ëþáûì ýëeìeíòaì, câoécòâo display
êoòopûõ èìeeò çía÷eíèe list-item. Ïo óìoë÷aíèþ eäèícòâeííûé
òeã, êoòopûé oáëaäaeò ýòèì câoécòâoì, ýòo
òeã <li>;. Oäíaêo âû ìoæeòe ïpèìeíÿòü ýòè
câoécòâa è òeãaì <ol> è <ul>. B ýòoì
cëó÷ae oïpeäeëeííûe câoécòâa ïepeéäóò ía
òeãè <li>, êoòopûe íaõoäÿòcÿ âíóòpè òeãoâ
<ol> è <ul>.
|