CSS.MANUAL.RU



Bâeäeíèe
Cèíòaêcèc CSS
Bêëþ÷eíèe còèëeé â äoêóìeíò
Çía÷eíèÿ câoécòâ
Câoécòâa øpèôòa
Câoécòâa òeêcòa
Câoécòâa öâeòa è ôoía
Câoécòâa oápaìëeíèÿ
Câoécòâa ïoçèöèoíèpoâaíèÿ
Bèçóaëüíûe câoécòâa
Câoécòâa cïècêoâ
Teã SPAN
Còaòüè
Èäeoëoãèÿ CSS
Êaê ècïoëüçoâaòü CSS
Aëôaâèòíûé óêaçaòeëü
Ccûëêè





  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>






Bëaäèìèp Êëèìoíòoâè÷, Copyright (C) 2003
Ïpè ïoääepæêe ïpoeêòa MANUAL.RU