CSS3 introduce noi proprietati pentru efecte de text, in aceasta lectie sunt prezentate: text-shadow, word-wrap, si text-overflow.
text-shadow: offset_X offset_Y blur culoare;- offset_X - specifica pozitia umbrei pe orizontala. Sunt permise si valori negative.
<style> h2 { text-shadow: 2px 3px 3px #a0a1fe; } </style> <h2>Text cu text-shadow</h2>
<style> h2 { text-shadow: -1px -2px rgba(10,5,205,0.2), 2px 3px rgba(200,0,1,0.3); } </style> <h2>Text cu doua culori pt. text-shadow</h2>
word-wrap: valoare;"valoare" poate fi:
<style> #id1 { width:100px; border:1px solid blue; word-wrap:break-word; } </style> <div id="id1">Curs CSS gratuit - word-wrap un_cuvant_mai_lung.</div>
text-overflow: valoare;"valoare" poate fi:
<style> #id1 { width:230px; border:1px solid blue; white-space:nowrap; overflow:hidden; /* "overflow" valoarea trebuie sa fie diferita de "visible" */ text-overflow:ellipsis; } #id2 { width:230px; border:1px solid green; white-space:nowrap; overflow:hidden; text-overflow:clip; } </style> <div id="id1">CSS Tutorial - un text lung pe o singura linie, alte cuvinte.</div> <div id="id2">Site web marplo.net - alt text lung intr-un singur rand.</div>
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
#id { font-style: italic; }
$(document).ready(function() { $(".a_class").click(function(){ $(this).hide("slow"); }); });
function fname($a, $b) { echo $a * $b; }
I have been walking for 5 hours. - Merg pe jos de 5 ore.
Yo fui entrenador. - Am fost antrenor.