Ïðèãëàøàåì ïîñåòèòü
Ëåðìîíòîâ (lermontov-lit.ru)

CSS cïpaâo÷íèê: Bèçóaëüíûe câoécòâa


  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ï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 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>


 Ñîäåðæàíèå