مای دیزاین را همراه با آموزش های جدید در سایت طوسی دنبال کنید: http://tooc.ir
آموزش های حرفه ای
مای دیزاین به عنوان یکی از تولید کنندگان محتوای آموزشی در زمینه طراحی وب و گرافیک به صورت تصویری، با کیفیت و اختصاصی در خدمت شما کاربران عزیز می باشد!
نرم افزار آندروید
طراحی و ساخت نرم افزار آندروید خدمت جدیدی است که در مای دیزاین ارائه میشود. داشتن نرم افزار برای گوشی های هوشمند امری جدید و هیجان انگیز می باشد!
طراحی وب و گرافیک
یکی از خدمات ما طراحی سایت های ایستا و پویا با جدید ترین متد های روز دنیاست. ساخت قالب هایی سبک و در عین حال زیبا، با استفاده از وردپرس، تخصص ماست!
اطلاع از پشتیبانی دستور CSS به کمک Support

اطلاع از پشتیبانی دستور CSS به کمک Support
سلام. یکی از مشکلات طراحان وب مرورگر های کاربران است که از برند های مختلف و ورژن های متفاوت است. این مرورگر ها هسته های مختلفی دارند و کار با آنها بسیار مشکل است. امروز قصد معرفی دستوری رو دارم که این مشکل رو تا حدودی حل میکنه.
حالت کلی این کد به صورت زیر است:

@support (شروط) {
کدها
}

این کد به این صورت عمل میکند که یک شرط می نویسیم و در صورتی که شرط برقرار باشد کد ها اجرا می شود. شرط به این صورت است که یک دستور رو منویسیم برای مثال:

(display: grid;)

حال بررسی می شود که مرورگر مورد استفاده بازدید کننده این کد را پشتیبانی می کند یا خیر.
همچنین شما میتوانید با دستورات and و or هم شروط خود را افزایش دهید برای مثال:

((display: grid;) or (display:flexbox;)) and (column-count:3;)

یک مثال کامل از این قابلیت:

@support (display: grid;) {
	.selector {
	display: grid;
	grid-column: 3;
	grid-row: 1;
	grid-row-span: 2;
	}
}

این قابلیت در زمانی که این پست ارسال شده است فقط بر روی مرورگر اپرا اضافه شده است!

2 پاسخ به “اطلاع از پشتیبانی دستور CSS به کمک Support”

  1. حافظ گفت:

    سلام.
    مشکلی داشتم. جان من کمک کنید.

    بنده یه قالب رایگان از سایت هایپر تمپ دریافت کردم و گذاشتم تو وبلاگم. html هست.

    بعد میخام استایل رو تغییر بدم. وقتی روی استایل کلیک میکنم و دانلودش میکنم و تغییرش میدم ، بعد چجوری اون تغییرات رو دوباره بصورت همون لینک دربیارم و بزارم داخل قالب وبلاگ.

    یک دنیا تشکر.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

آخرین محصولات فروشگاه
برخی مطالب تصادفی مای دیزاین
اکشن حرفه ای روتوش صورت
مجموعه هشت استایل فرورفته فتوشاپ
آموزش ساخت و تبدیل پترن به پترن قابل استفاده فتوشاپ
آموزش نصب و استفاده اکشن فتوشاپ
فایل لایه باز آیکون های صاف [ flat ]
آموزش تصویری طراحی قالب های واکنشگرا