Con Windows 10 Creators Update, Microsoft Edge incluirá soporte para propiedades personalizadas de CSS
2 minuto. leer
Publicado el
Lea nuestra página de divulgación para descubrir cómo puede ayudar a MSPoweruser a sostener el equipo editorial. Leer más
Con la próxima Actualización de creadores de Windows 10 que se lanzará el próximo mes, Microsoft Edge admitirá las propiedades personalizadas de CSS, lo que permite a los desarrolladores colocar variables en cascada en todas las propiedades de CSS.
En general, las aplicaciones web pueden contener bastante CSS. La mayoría de los valores en el archivo CSS serán datos duplicados; por ejemplo, un sitio puede establecer un esquema de color y reutilizar tres o cuatro colores en todo el sitio. La alteración de estos datos puede ser difícil y propensa a errores, ya que se encuentran dispersos en todo el archivo CSS (y posiblemente en varios archivos), y es posible que no se puedan utilizar para buscar y reemplazar. Las propiedades personalizadas de CSS resuelven este problema utilizando una familia de propiedades personalizadas definidas por el autor conocidas colectivamente como propiedades personalizadas, que permiten a los desarrolladores asignar valores arbitrarios a una propiedad con un nombre, y la función var(), que permite a los desarrolladores usar esos valores. en otras propiedades en otras partes del documento. Vea un ejemplo a continuación,
:raíz { --primario: #0B61A4; --secundario: #25567B; } encabezado { fondo: var(--primary); border-bottom: 2px solid var(--secundario); }
Las propiedades personalizadas de CSS harán que la edición de archivos CSS sea mucho más fácil y menos propensa a errores, ya que los desarrolladores tienen que cambiar el valor una vez, en la propiedad personalizada, y el cambio se propagará automáticamente a todos los usos de esa variable.
Si es un desarrollador, ahora puede probar las propiedades personalizadas de CSS en las compilaciones de Windows Insider Preview lanzadas recientemente que comienzan con EdgeHTML 15.15061. Además, echa un vistazo a la Demostración de propiedades personalizadas de Pooch para ver esta función en acción.