Proprietatea visibility
poate controla faptul ca un element sa fie vizibil sau nu. Daca elementul este ascuns (hidden), in locul suprafetei pe care o ocupa va fi afisat un spatiu gol.
Sintaxa:
<!DOCTYPE html> <html> <head> <title>Title</title> <style> p { border:1px solid #333; } .vi_hid { visibility:hidden; } </style> </head> <body> <p class='vi_hid'>Oricum nu se vede.</p> <p>Paragraf dupa cel ascuns.</p> </body> </html>
Pentru a elimina complet afisarea unui element in pagina, se poate utiliza formula display:none;
La elementele care au position:absolute; (sau "fixed") se poate defini suprafata vizibila aplicand proprietatea:
<!DOCTYPE html> <html> <head> <title>Title</title> <style> .viz_clip { background:#eeee11; clip: rect(10px,150px, 45px, 1px); position:absolute; } .viz_clip:hover { clip:auto; } </style> </head> <body> <p class='viz_clip'>Exemplu cu proprietatea css clip.<br> Pozitionati mouse-ul peste acest continut.</p> </body> </html>
Cu proprietatea overflow
se poate stabili tratarea continutului care depaseste dimensiunile elementului in care se afla, controland astfel afisarea (cu o bara de "scroll", derulare) sau nu al acestuia.
Forma generala:
<!DOCTYPE html> <html> <head> <title>Title</title> <style> .extradim { background:#e0e000; overflow:auto; height:80px; width:250px; } </style> </head> <body> <div class='extradim'> <h2>Exemplu cu proprietatea css overflow</h2> Afisare bara de scroll,<br> Daca este continut care depaseste<br> Dimensiunile elementului in care se afla. </div> </body> </html>
In mod implicit, aspectul indicatorului de mouse este determinat de browser. Navigatorul modifica indicatorul de mouse in functie de continutul deasupra caruia se afla acesta.
Proprietatea cursor
ajuta la stabilirea aspectului unui indicator de mouse.
Sintaxa:
<!DOCTYPE html> <html> <head> <title>Title</title> <style> div { background:#dbdbfb; height:80px; width:150px; } .cs_point { cursor:pointer; } </style> </head> <body> <div class='cs_point'>Pozitionati mouse-ul aici.</div> </body> </html>
<p>Cursuri graruite: <mark>MarPlo.net</mark> , jocuri, anime.</p>
a:hover { font-weight: bold; color: #00da01; }
var num = 12.34567; num = num.toFixed(2); alert(num); // 12.35
$arr = file("a_file.txt", FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES); var_export($arr);
What time is it? It is a quarter to 5. - Cat este ora? E 5 fara un sfert.
¿Qué hora es? Son las tres menos cuarto. - Cat este ora? E 3 fara un sfert.