با Windows 10 Creators Update، مایکروسافت اج از ویژگی‌های سفارشی CSS پشتیبانی می‌کند

با به‌روزرسانی آتی سازندگان ویندوز 10 که ماه آینده منتشر می‌شود، مایکروسافت اج از ویژگی‌های سفارشی CSS پشتیبانی می‌کند که به توسعه‌دهندگان اجازه می‌دهد تا به طور کامل متغیرها را در ویژگی‌های CSS آبشاری کنند.

به طور کلی، برنامه های کاربردی وب می توانند حاوی مقدار زیادی CSS باشند. بیشتر مقادیر موجود در فایل CSS داده های تکراری خواهند بود. به عنوان مثال، یک سایت ممکن است یک طرح رنگی ایجاد کند و از سه یا چهار رنگ مجدد در سراسر سایت استفاده کند. تغییر این داده ها می تواند دشوار و مستعد خطا باشد، زیرا در سراسر فایل CSS (و احتمالاً در چندین فایل) پراکنده است و ممکن است قابلیت Find-and-Replace را نداشته باشد. ویژگی های سفارشی CSS این مشکل را با استفاده از یک خانواده از ویژگی های تعریف شده توسط نویسنده سفارشی که در مجموع به عنوان ویژگی های سفارشی شناخته می شوند، حل می کند، که به توسعه دهندگان اجازه می دهد مقادیر دلخواه را به یک ویژگی با یک نام اختصاص دهند، و تابع var() که به توسعه دهندگان اجازه می دهد سپس از آن مقادیر استفاده کنند. در سایر خواص در جای دیگر سند. نمونه زیر را بررسی کنید،

:root { --primary: #0B61A4; --ثانویه: #25567B; } header { background: var(--primary); border-bottom: 2px solid var(--secondary); }

ویژگی‌های سفارشی CSS ویرایش فایل‌های CSS را بسیار آسان‌تر و کمتر در معرض خطا قرار می‌دهد، زیرا توسعه‌دهندگان باید یک بار مقدار را در ویژگی سفارشی تغییر دهند و این تغییر به طور خودکار به همه موارد استفاده از آن متغیر منتشر می‌شود.

اگر توسعه‌دهنده هستید، اکنون می‌توانید ویژگی‌های سفارشی CSS را در بیلدهای Windows Insider Preview اخیراً منتشر شده که با EdgeHTML 15.15061 شروع می‌شود، امتحان کنید. همچنین، بررسی کنید ویژگی های سفارشی Pooch نسخه ی نمایشی برای دیدن این ویژگی در عمل.