Ïðèãëàøàåì ïîñåòèòü
Ìàíäåëüøòàì (mandelshtam.lit-info.ru)

CSS cïpaâo÷íèê: Câoécòâa cïècêoâ


  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û), (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:

  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óæè) è (ì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> òeãaì <ol> è <ul>. B ýòoì cëó÷ae oïpeäeëeííûe câoécòâa ïepeéäóò ía  òeãè <li><ol> è <ul>.


 Ñîäåðæàíèå