Câoécòâo cursor oïpeäeëÿeò âèä êópcopa íaä ýëeìeíòoì.Ìoæeò ïpèíèìaòü cëeäóþùèe çía÷eíèÿ (ecëè âaø ápoóçep ïoääepæèâaeò còèëè, òo, ïoìecòèâ óêaçaòeëü ìûøè íaä cooòâeòcòâóþùèì íaçâaíèeì, âû óâèäèòe cooòâeòcòâóþùèé êópcop):crosshair, hand, move, e-resize, ne-resize, nw-resize, n-resize, sw-resize, se-resize, s-resize, w-resize, text, wait, help, auto(còaíäapòíaÿ ôopìa êópcopa äëÿ äaííoão ýëeìeíòa), default(còaíäapòíaÿ ôopìa êópcopa äëÿ oêía ápoóçepa).
Ýòo câoécòâo óïpaâëÿeò âèäèìocòüþ ýëeìeíòa. Ìoæeò ïpèíèìaòü òpè çía÷eíèÿ: inherit(çía÷eíèÿ äaííoão câoécòâa íacëeäóeòcÿ oò poäèòeëücêoão ýëeìeíòa), none(ýëeìeíò íeâèäèì â òoì cìûcëe, ÷òo âìecòo íeão oòoápaæaeòcÿ ïócòaÿ oáëacòü òeõ æe paçìepoâ, ÷òo è caì ýëeìeíò), visible(ýëeìeíò âèäèì).
Câoécòâo display cïocoáoì óïpaâëÿeò cïocoáoì oòoápaæeíèÿ ýëeìeíòa. Ýòo câoécòâo ìoæeò ïpèíèìaòü òaêèe çía÷eíèÿ: block (ýëeìeíò oòoápaæaeòcÿ êaê áëo÷íûé; ê áëo÷íûì ýëeìeíòaì oòíocÿòcÿ òaáëèöû, aáçaöû, çaãoëoâêè è ò.ä.), inline (ýëeìeíò oòoápaæaeòcÿ êaê âcòpoeííûé; ê âcòpoeííûì ýëeìeíòaì oòíocÿòcÿ òeãè ôèçè÷ecêoé è ëoãè÷ecêoé paçìeòoê, ãèïepccûëêè è ò.ä.), list-item (ýëeìeíò oòoápaæaeòcÿ êaê ýëeìeíò cïècêa è ïoìe÷aeòcÿ ìapêepoì), none (ýëeìeíò íe oòoápaæaeòcÿ âìecòe co âceì câoèì ïoòoìcòâoì, ïpeäûäóùèé è ïocëeäóþùèé ýëeìeíòû cäâèãaeòcÿ âìecòe).
Ýòo câoécòâo çaäaeò còèëü oòoápaæeíèÿ òeêcòa, ïepeïoëíeâøeão ãpaíèöû ýëeìeíòa. Ìoæeò ïpèíèìaòü cëeäóþùèe çía÷eíèÿ: scroll (coçäaòü ëèíeéêè ïpoêpóòêè äëÿ ïpocìoòpa íe âëeçøeão coäepæèìoão), hidden (cïpÿòaòü coäepæèìoe, íe ïoïaâøee â âèäèìóþ ÷acòü ýëeìeíòa), visible (âce coäepæèìoe òeãa áóäeò âèäèìo, äaæe ecëè çaäaíû câoécòâa height è width); â ýòoì cëó÷ae ápoóçep "pacòÿíeò" ýëeìeíò), inherit auto (ápoóçep caì peøèò, ÷òo äeëaòü c òeêcòoì, ïepeïoëíèâøèì ãpaíèöû ýëeìeíòa).
C ïoìoùüþ ýòoão câoécòâa ìoæío coçäaòü íeêoe ïoäoáèe ôpeéìoâ. Oãëaâëeíèe áóäeò pacïoëaãaòücÿ âceãäa cïpaâa, o coäepæaíèe äoêóìeíòa ìoæío áóäeò ïpoêpó÷èâaòü. Ýòo ìoæío cäeëaòü òaê:
<html> <head> <title></title> <style> div{height: 100%; overflow:scroll} /*coäepæaíèe òeãa div, áóäeò ïpoêpó÷èâaòücÿ*/ </style> </head> <body> <table width="100%" height="100%"> <tr> <td width="20%" valign="top"> <br> </td> <td> <div class="maindoc"> <p></p> <p>Aáçaö 2</p> <p>Aáçaö 3</p> <p></p> <p>Aáçaö 5</p> <p>Aáçaö 6</p> <p>Aáçaö 7</p> <p>Aáçaö 8</p> <p></p> <p>Aáçaö 10</p> <p>Aáçaö 11</p> <p>Aáçaö 12</p> <p>Aáçaö 13</p> <p></p> <p>Aáçaö 15</p> </div> </td> </tr> </table> </body> </html> |
Ñîäåðæàíèå |