بزرگ کردن حرف اول هر پاراگراف

اعمال یک 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; "> ​

<style type=“text/css”>



p.text:first-letter

{

font-size: xx-large;

padding: 2px;

float: left;

}



</style>

کاملا واضح است که برای تگ 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>