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

برخی از ویژگی های CSS توسط برخی از مرورگرهای اینترنتی ( اون نسخه های قدیمی شون ) پشتیبانی نمی شوند، پس ویژگی های CSS برای اینکه در تمامی مرورگرهای اینترنتی بدون هیچ مشکلی نمایش داده شوند ، نیازمند یکسری پیشوندها می باشد، این پیشوندها باید قبل از اون ویژگی ها نوشته شوند.

هر یک از مرورگرها پیشوند مخصوص خودشون رو دارن و باید ما از این پیشوند ها دقیقا قبل از نام ویژگی مورد نظرمون استفاده کنیم ، در جدول زیر همچنین از یکسری آیکون ( که نشانگر همان پیشوندها می باشد ) استفاده شده است که این آیکون ها به شرح زیر می باشند :

Edge / Internet Explorer	Firefox	Google Chrome	Safari	Opera

-webkit- برای مرورگرهای اُپرا ، سافاری و گوگل کروم
-moz- برای مرورگر موزیلا فایرفاکس
-ms- برای مرورگر های اینترنت اکسپلورر و اج

Free-Learn

نحوه استفاده از پیشوندها در ویژگی های CSS

برای استفاده یا تعریف پیشوندها، خیلی راحت باید اون رو قبل از نام همون ویژگی بنویسیم، بفرض مثال مثلا من میخوام از ویژگی user-select استفاده کنم ، پس بصورت زیر عمل میکنم.

-webkit- برای پشتیبانی مرورگرهای اُپرا ، کروم و سافاری
-moz- برای پشتیبانی مرورگر موزیلا فایرفاکس
-ms- برای پشتیبانی مرورگر اینترنت اکسپلورر و مرورگر اج
و در نهایت نوشتار عادی آن که باید حتما نوشته شود

.Text-2{
 -webkit-user-select: all;
 -ms-user-select: all;
 -moz-user-select: all;
 user-select: all;
}

.Text-2{

-webkit-user-select: all;

-ms-user-select: all;

-moz-user-select: all;

user-select: all;

}

امتحان کنید