Web sayfası hazırlarken, oluşturduğunuz dinamik ya da statik paragraflar içinde her kelimenin ilk harfinin boyutunu arttırmak mümkün. Ancak bu css deki harfleri büyüten "uppercase" gibi bir işlem olmadığı için fonksiyon kullanmak zorundasınız. Diyelim ki ilk harf boyutlarını büyütmek istediğiniz kısım şurası:
<h2>Bu bir test sayfasıdır</h2>
Jquery ile bunu kolayca halledebiliriz. Jquery kütüphanesini sayfaya dahil ettikten sonra. script tagları içine ya da dahil ettiğiniz başka bir javascript dosyasına şunu yazabilirsiniz.
$(document).ready(function() {var words = $('h2').text().split(' ');var html = '';$.each(words, function() {html += '<span style="font-size:200%">' + this.substring(0,1) + '</span>' + this.substring(1) + ' ';});$('h2').html(html);});
Bu ilk harfleri span içine alarak, istediğiniz sonucu verecektir. Unutmamak gerekir ki istediğiniz sadece karakteri büyütmek ise yani boyut değil küçükten büyüğe geçirmek ise css ile çözebilirsiniz :
text-transform:uppercase