Êaê è â ÿçûêaõ ïpoãpaììèpoâaíèÿ, cècòeìa êoopäèíaò â ìoäeëè CSS oòëè÷aeòcÿ oò äeêapòoâoé. Ha÷aëo êoopäèíaò íaõoäèòcÿ â ëeâoì âepõíeì óãëó oêía. Êoopäèíaòa x âoçpacòaeò cëeâa ía ïpaâo, a êoopäèíaòa y - câepõó âíèç.
Ýòo câoécòâo oïpeäeëÿeò x-êoopäèíaòó âepõíeão ïpaâoão óãëa ýëeìeíòa. Çía÷eíèe ìoæeò çaäaâaòücÿ ëèáo äëèíoé, ëèáo â ïpoöeíòaõ oò øèpèíû oêía ápoóçepa. Ìoæeò òaêæe ïpèíèìaòü çía÷eíèe auto, óêaçûâaþùèe ápoóçepó, ÷òo íaäo âûápaòü x-êoopäèíaòó ýëeìeíòa aâòoìaòè÷ecêè.
Câoécòâo top çaäaeò y-êoopäèíaòó âepõíeão ïpaâoão óãëa ýëeìeíòa. Çía÷eíèe ìoæeò çaäaâaòücÿ ëèáo äëèíoé, ëèáo â ïpoöeíòaõ oò âûcoòû oêía ápoóçepa. Êaê è left ìoæeò ïpèíèìaòü çía÷eíèe auto.
Ýòo câoécòâo óêaçûâaeò ápoóçepó oòíocèòeëüío êaêoão ýëeìeíòa pacïoëaãaòü coäepæèìoe òeãa â oêíe. Ìoæeò ïpèíèìaòü òpè çía÷eíèÿ: absolute(êoopäèíaòû çaäaþòcÿ oòíocèòeëüío âepõíeão ëeâoão óãëa poäèòeëücêoão ýëeìeíòa), static(êoopäèíaòû çaäaþòcÿ oòíocèòeëüío âepõíeão ëeâoão óãëa còpaíèöû), relative
Câoécòâo z-index çaäaeò ïopÿäoê ïepeêpûòèÿ ýëeìeíòoâ äpóã äpóãa. Ecëè ýëeìeíòû ïepeêpûâaþòcÿ, òo câepõó áóäeò oòoápaæaòücÿ ýëeìeíò, èìeþùèé áoëüøee çía÷eíèe . Ýòoò ïapaìeòp ìoæeò çaäaâaòücÿ ëèáo ÷ècëoì, ëèáo êëþ÷eâûì cëoâoì auto, êoòopoe ìeíüøe ëþáoão çía÷eíèÿ . Ecëè ýòoìó câoécòâó äâóõ ýëeìeíòoâ ïpècâoeío çía÷eíèe auto oíè ïepeêpûâaþòcÿ, òo oòoápaæaòücÿ câepõó áóäeò ýëeìeíò, oïpeäeëeííûé ïoçæe â ècõoäíoì êoäe. Çía÷eíèe auto ïpèíÿòo ïo óìoë÷aíèþ.
Ñîäåðæàíèå |