::first-letter Pseudo-element
شبه عنصر first-letter:: در CSS، اولین حرف از اولین خط یک عنصر از نوع بلاک (block-level element) را هدف قرار داده و استایل ها را اعمال میکند. به شرطی که محتوی این عنصر غیر از حروف نباشد مانند عکس و یا جدول.
این شبه عنصر تنها در عناصری که ویژگی display:inline دارند اعمال نمی شود و مانند دیگر هم خانواده های خود اکثرا کاربرد نمایشی و گرافیکی دارد. برای مثال قطعه کد زیر را میبینیم:
HTML
<p>این یک متن نمونه است برای نشان دادن ویژگی "first-letter::".</p> <p>این ویژگی اولین حرف از اولین خط یک پاراگراف را نشانه میگیرد.</p>
css
body {
direction: rtl;
}
p::first-letter {
color: red;
font-size: 40px;
vertical-align: sub;
}
پشتیبانی مرورگرها
تمام مرورگرها از این شبه عنصر در CSS پشتیبانی می کنند.
