آموزش شبه عنصر Selection در CSS

این آموزش در تاریخ ۱۴۰۰/۱۰/۱۳ آپدیت شده است.

آموزش شبه عنصر selection در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه عنصر selection در CSS با من همراه باشید.

شبه عنصر selection در CSS

با استفاده از شبه عنصر ( یا هم انتخابگر ) selection در CSS میتوان برای اون متنی که توسط کاربر انتخاب می شود استایل دلخواه مشخص کرد. ( مثلا میگیم وقتی متن با ماوس انتخاب شد ، رنگ زمینه متن آبی بشه و.. )

از ویژگی های زیر میتوان در این شبه عنصر استفاده کرد :

• ویژگی background-color
• ویژگی color
• ویژگی cursor
• ویژگی caret-color
• ویژگی outline
• ویژگی text-decoration

مثال از شبه عنصر selection در CSS

در ادامه میتوانید یک مثال از این انتخابگر / شبه عنصر را در زبان CSS مشاهده نمایید.

مثال شماره ۱ : استفاده در کل صفحه ( کاربر هرکجای صفحه که با ماوس متن رو انتخاب کنه، استایل اعمال میشه )

امتحان کنید

مثال شماره ۲ : استفاده در چندین کلاس بصورت مجزا

امتحان کنید

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه عنصر selection در CSS پشتیبانی میکنند یا خیر.

شکل نوشتاری شبه عنصر selection در CSS

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه عنصر در CSS بصورت زیر می باشد.

نکات و توضیحات

• این شبه عنصر در جدیدترین نسخه های مرورگرهای اینترنتی ( مثه فایرفاکس و گوگل کروم و.. ) بدون هیچ مشکلی پشتیبانی میشه ولی تنها در مرورگر فایرفاکس از نسخه ۲ تا ۶۱ باید از دستور پیشوندی زیر استفاده کرد.