|

|

|

|
Câoécòâo cursor
|

|
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).

|
Câoécòâo visiblity
|

|
Ýò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â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).

|
Câoécòâo overflow
|

|
Ýò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 (çía÷eíèe íacëeäóeòcÿ ó poäèòeëücêoão ýëeìeíòa), 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>Çaãoëoâoê</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">
Çäecü ìoæío pacïoëoæèòü oãëaâëeíèe:<br>
</td>
<td>
<div class="maindoc">
<p>Aáçaö 1</p>
<p>Aáçaö 2</p>
<p>Aáçaö 3</p>
<p>Aáçaö 4</p>
<p>Aáçaö 5</p>
<p>Aáçaö 6</p>
<p>Aáçaö 7</p>
<p>Aáçaö 8</p>
<p>Aáçaö 9</p>
<p>Aáçaö 10</p>
<p>Aáçaö 11</p>
<p>Aáçaö 12</p>
<p>Aáçaö 13</p>
<p>Aáçaö 14</p>
<p>Aáçaö 15</p>
</div>
</td>
</tr>
</table>
</body>
</html>
|
|

|