کدام دستور CSS برای هر مرورگر اختصاصی است؟

[alireza1375 892]

دوستان کدام دستور CSS برای هر مرورگر اختصاصی است؟؟

مثلا یکی از آن ها دستور transition است.که دستورات آن ها به شکل زیر است.

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;

[imanfakhar 26231]

کل خاصیتهای css3

[سعید حسینی 2409]

سلام

بفرمایید: CSS3 Browser support

[alireza1375 892]

سلام

بفرمایید: CSS3 Browser support

فقط سه سوال :برای استفاده از دستورات باید ابتدا نام مرورگر را بنویسم و بعد باید دستور معمولی را بنویسم؟

و سوال دوم این که بعضی ارم ها روی آن نام مرورگر نبود(-webkit- یا -moz- و ...) یعنی این که این دستور به طور معمولی در مرورگر (با توجه به ورژن)اجرا می شود؟

مثلا دستور border-image در مرورگر فایرفاکس ، کروم و سافاری با توجه با ورژن کار می کند و در مرورگر اپرا با دستور -o- کار می کند؟

و سوال آخر آن دستور هایی که آرم مرورگر را ندارد چی؟

ویرایش شده مهر 92 توسط alireza1375

[imanfakhar 26231]

وبکیت یک پروژه بزرگ متن باز است که اغلب مرورگرها را پوشش می دهد (البته بجز مرورگر ie) وقتی از وب کیت استفاده می کنید نیازی به یاد آوری موزیلا و اپرا نیست

ولی اگر خاصیتی را وب کیت پوشش ندهد لازماست از کدهای معتبر برای هر نمایشگر استفاده کرد

البته اضافه کردن این کدها در کنار کدهای وب کیت نیز باعث می شود ورژن های قدیمی نمایشگرها هم پشتیبانی کننده کدها شوند به عنوان مثال برای چرخاندن یک عنصر می توان از کدی شبیه

-moz-transform: rotate(7.5deg);  /* FF3.5+ */
-o-transform: rotate(7.5deg);  /* Opera 10.5 */
-webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */
-ms-transform: rotate(7.5deg);  /* IE9 */
-khtml-transform: rotate(7.5deg);
transform: rotate(7.5deg);

و باز هم برای ie7و ie8 باید فیلتر ms گذاشت یعنی استایل صحیح می شود

-moz-transform: rotate(7.5deg);  /* FF3.5+ */
-o-transform: rotate(7.5deg);  /* Opera 10.5 */
-webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */
-ms-transform: rotate(7.5deg);  /* IE9 */
-khtml-transform: rotate(7.5deg);
transform: rotate(7.5deg); 
filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104);  /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; /* IE8 */

[mehdi... 240]

یه چیزی هم که می تونم متذکر بشم اینه که مرورگر ها با ورژن جدید دیگه نیازی به کد های پیشوند moz ms o webkit ندارند و همون کد ساده را می خوانند الان این پیشوند ها برای تغییر و نمایش صحیح تر استفاده میشه مثلا شما همچین کدی را می توانید بنویسید

transform: rotate(7.5deg);
-moz-transform: rotate(5deg);

این کد در همه مرورگر ها با rotate 7.5 اجرا میشه ولی در موزیلا rotate 5 براش در نظر گرفته میشه