Cu Windows 10 Creators Update, Microsoft Edge va veni cu suport pentru CSS Custom Properties

Pictograma timp de citire 2 min. citit


Cititorii ajută la sprijinirea MSpoweruser. Este posibil să primim un comision dacă cumpărați prin link-urile noastre. Pictograma Tooltip

Citiți pagina noastră de dezvăluire pentru a afla cum puteți ajuta MSPoweruser să susțină echipa editorială Află mai multe

Odată cu viitoarea actualizare Windows 10 Creators, care va fi lansată luna viitoare, Microsoft Edge va accepta proprietăți personalizate CSS, care le permite dezvoltatorilor să transfere complet variabilele în proprietățile CSS.

În general, aplicațiile web pot conține destul de mult CSS. Majoritatea valorilor din fișierul CSS vor fi date duplicat; de exemplu, un site poate stabili o schemă de culori și poate reutiliza trei sau patru culori pe tot site-ul. Modificarea acestor date poate fi dificilă și predispusă la erori, deoarece este împrăștiată în fișierul CSS (și, posibil, în mai multe fișiere) și este posibil să nu poată fi găsită și înlocuită. Proprietăți personalizate CSS rezolvă această problemă folosind o familie de proprietăți personalizate definite de autor, cunoscute colectiv ca proprietăți personalizate, care permit dezvoltatorilor să atribuie valori arbitrare unei proprietăți cu un nume și funcția var(), care permite dezvoltatorilor să utilizeze apoi acele valori în alte proprietăți în altă parte a documentului. Vezi un exemplu de mai jos,

:root { --primary: #0B61A4; --secundar: #25567B; } antet { background: var(--primary); chenar-jos: 2px solid var(--secundar); }

Proprietățile personalizate CSS vor face editarea fișierelor CSS mult mai ușoară și mai puțin predispusă la erori, deoarece dezvoltatorii trebuie să modifice valoarea o dată, în proprietatea personalizată, iar modificarea se va propaga automat la toate utilizările acelei variabile.

Dacă sunteți dezvoltator, acum puteți încerca proprietăți personalizate CSS în versiunile Windows Insider Preview lansate recent, începând cu EdgeHTML 15.15061. De asemenea, verificați Proprietăți personalizate Pooch demonstrație pentru a vedea această caracteristică în acțiune.

Mai multe despre subiecte: Proprietăți personalizate CSS, Dezvoltatorii, margine, microsoft, Actualizați creatorii Windows 10

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *