Con Windows 10 Creators Update, Microsoft Edge verrà fornito con il supporto per le proprietà personalizzate CSS
2 minuto. leggere
Edizione del
Condividi questo articolo
Migliora questa guida
Leggi la nostra pagina informativa per scoprire come puoi aiutare MSPoweruser a sostenere il team editoriale Per saperne di più
Con l'imminente Windows 10 Creators Update che verrà rilasciato il mese prossimo, Microsoft Edge supporterà le proprietà personalizzate CSS che consentono agli sviluppatori di sovrapporre completamente le variabili tra le proprietà CSS.
In generale, le applicazioni web possono contenere un bel po' di CSS. La maggior parte dei valori nel file CSS saranno dati duplicati; ad esempio, un sito può stabilire una combinazione di colori e riutilizzare tre o quattro colori in tutto il sito. La modifica di questi dati può essere difficile e soggetta a errori, poiché sono sparsi nel file CSS (e forse in più file) e potrebbero non essere suscettibili di Trova e sostituisci. CSS Custom Properties risolve questo problema utilizzando una famiglia di proprietà personalizzate definite dall'autore note collettivamente come proprietà personalizzate, che consentono agli sviluppatori di assegnare valori arbitrari a una proprietà con un nome, e la funzione var(), che consente agli sviluppatori di utilizzare tali valori in altre proprietà altrove nel documento. Guarda un esempio qui sotto,
:root { --primary: #0B61A4; --secondario: #25567B; } header { background: var(--primary); border-bottom: 2px solid var(--secondary); }
Le proprietà personalizzate CSS renderanno la modifica dei file CSS molto più semplice e meno soggetta a errori, poiché gli sviluppatori devono modificare il valore una volta, nella proprietà personalizzata, e la modifica si propagherà automaticamente a tutti gli usi di quella variabile.
Se sei uno sviluppatore, ora puoi provare le proprietà personalizzate CSS nelle build di Windows Insider Preview rilasciate di recente a partire da EdgeHTML 15.15061. Inoltre, controlla il Demo di Pooch delle proprietà personalizzate per vedere questa funzione in azione.
