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>
<object type="application/x-shockwave-flash" data="file.swf" width="500" height="250"> <param name="src" value="file.swf" /> Browser-ul dv. nu suporta SWF. </object>
input:focus { background-color: #88fe88; }
var jsnstr = '{"url": "http://coursesweb.net/", "title": "Web Development Courses"}'; var obj = JSON.parse(jsnstr); alert(obj.url);
if (file_put_contents("file.txt", "content")) echo "Fisierul a fost creat"; else echo "Fisierul nu poate fi creat";
I planted the third tree. - Am plantat al treilea pom.
Yo planté el tercero árbol. - Am plantat al treilea pom.