اعمال یک Styleخاص مانند بزرگ کردن حرف اول هر پاراگراف توسط این Styleمیخواهیم که اولین کاراکتر هر پاراگراف را بصورت متفاوت و بزرگتر از بقیهکاراکترهای موجود در متن نمایش دهیم و بدیهیست که کاربرد اصلی این Effect بر روی متون انگلیسی مشهود تر میباشد واین Styleبیشتر برای مقالات یا مجالات یا کتب کاربرد دارد . در فایل HTMLکه دارید بین دو تگ <head> و </head>کد زیر را اضافه کنید :<ol dir="ltr" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 57px; list-style-type: none; list-style-position: initial; list-style-image: initial; line-height: 18px; color: rgb(86, 86, 86); font-size: 12px; "> <li class="li1" style="padding: 3px 0px; margin: 0px; list-style-type: decimal;"> <style type=“text/css”> <li class="li1" style="padding: 3px 0px; margin: 0px; list-style-type: decimal;"> <li class="li1" style="padding: 3px 0px; margin: 0px; list-style-type: decimal;"> p.text:first-letter <li class="li1" style="padding: 3px 0px; margin: 0px; list-style-type: decimal;"> { <li class="li1" style="padding: 3px 0px; margin: 0px; list-style-type: decimal;"> font-size: xx-large; <li class="li1" style="padding: 3px 0px; margin: 0px; list-style-type: decimal;"> padding: 2px; <li class="li1" style="padding: 3px 0px; margin: 0px; list-style-type: decimal;"> float: left; <li class="li1" style="padding: 3px 0px; margin: 0px; list-style-type: decimal;"> } <li class="li1" style="padding: 3px 0px; margin: 0px; list-style-type: decimal;"> <li class="li1" style="padding: 3px 0px; margin: 0px; list-style-type: decimal;"> </style> <li class="li1" style="padding: 3px 0px; margin: 0px; list-style-type: decimal;"> کاملا واضح است که برای تگ p کلاسیبا عنوان text:first-letter تعریف کرده ایم که در آنمشخصات حرف اول پاراگراف را تغییر واهیم داد .الیته این تنها مثال است و کارهایزیاد دیگری میتوانیم با آن انجام دهیم . اکنون باید این Style را برروی متن خود اعمال کنیم. به این شکل عمل خواهیم نمود : <p class=”text”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus sit amet nulla id libero sagittis consectetuer. Ut ultricies sapien ut.</p>
