آموزش شبه عنصر first-letter در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه عنصر first-letter در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه عنصر first-letter در CSS
با استفاده از شبه عنصر ( یا هم انتخابگر ) first-letter
در CSS میتوان برای حرف اول یک متن از یک عنصر استایل دلخواه مشخص کرد، و از ویژگی های زیر میتوان در این شبه عنصر استفاده کرد :
- ویژگی های مربوط به font
- ویژگی های مربوط به color
- ویژگی های مربوط به background
- ویژگی های مربوط به margin
- ویژگی های مربوط به padding
- ویژگی های مربوط به border
- ویژگی text-decoration
- ویژگی vertical-align ( فقط اگر مقدار float برابر باشد با none )
- ویژگی text-transform
- ویژگی line-height
- ویژگی float
- ویژگی clear
نسخه | CSS1 |
---|
Free-Learn
مثال از شبه عنصر first-letter در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه عنصر را در زبان CSS مشاهده نمایید.
مثال شماره ۱ :
1 2 3 4 5 6 7 8 |
<style> p::first-letter{ font-size:30px; color:blue; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه عنصر first-letter
در CSS پشتیبانی میکنند یا خیر.
* مرورگر اینترنت اکسپلورر نسخه ۵,۵ تا ۸ و اُپرا نسخه ۴ تا ۶ از تک کالون ( : ) پشتیبانی میکند ولی در نسخه های جدیدتر از ( :: ) پشتیبانی و مشکلی ندارد.
نام انتخابگر | Chrome | Firefox | Opera | Safari | IE |
first-letter:: | ۱٫۰ | ۱٫۰ | ۷٫۰ * | ۱٫۰ | ۹٫۰ * |
Free-Learn
شکل نوشتاری شبه عنصر first-letter در CSS
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه عنصر در CSS بصورت زیر می باشد.
1 2 3 |
::first-letter { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
این شبه عنصر فقط بروی عناصر بلاکی ( اونایی که حالت نمایش block ) دارند اثر میگذارد و عمل میکند.