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>
Prima linie ...<br> Alta linie...
#id { letter-spacing: 2px; }
var elm = document.getElementById("theID"); var content = elm.innerHTML; alert(content);
echo "Adresa URL: http://CoursesWeb.net";
She does not paint that landscape. - Ea nu picteaza acel peisaj.
Ella no canta esa canción. - Ea nu canta acel cantec.