Windows 10 Creators Update -päivityksen myötä Microsoft Edge tukee mukautettuja CSS-ominaisuuksia
2 min. lukea
Julkaistu
Jaa tämä artikkeli
Paranna tätä ohjetta
Lue ilmoitussivumme saadaksesi selville, kuinka voit auttaa MSPoweruseria ylläpitämään toimitustiimiä Lue lisää
Tulevan Windows 10 Creators -päivityksen myötä, joka julkaistaan ensi kuussa, Microsoft Edge tukee mukautettuja CSS-ominaisuuksia, jonka avulla kehittäjät voivat kaskadoida muuttujia täysin CSS-ominaisuuksien välillä.
Yleisesti ottaen verkkosovellukset voivat sisältää melkoisen määrän CSS:ää. Suurin osa CSS-tiedoston arvoista on päällekkäisiä tietoja; sivusto voi esimerkiksi luoda väriteeman ja käyttää uudelleen kolmea tai neljää väriä koko sivustolla. Näiden tietojen muuttaminen voi olla vaikeaa ja virhealtista, koska se on hajallaan CSS-tiedostossa (ja mahdollisesti useissa tiedostoissa), eikä sitä välttämättä voida käyttää Etsi ja korvaa -toiminnolla. CSS-muokatut ominaisuudet ratkaisevat tämän ongelman käyttämällä ryhmää mukautettuja tekijän määrittämiä ominaisuuksia, jotka tunnetaan yhteisesti mukautetuina ominaisuuksina. Niiden avulla kehittäjät voivat määrittää mielivaltaisia arvoja omaisuudelle, jolla on nimi, ja var()-funktiolla, jonka avulla kehittäjät voivat käyttää näitä arvoja. muissa ominaisuuksissa muualla asiakirjassa. Katso esimerkki alta,
:root { --primary: #0B61A4; --toissijainen: #25567B; } otsikko { tausta: var(--ensisijainen); border-bottom: 2px solid var(--toissijainen); }
CSS:n mukautetut ominaisuudet tekevät CSS-tiedostojen muokkaamisesta paljon helpompaa ja vähemmän virhealttiita, koska kehittäjien on muutettava arvo kerran mukautetussa ominaisuudessa, ja muutos etenee automaattisesti kaikkiin kyseisen muuttujan käyttötarkoituksiin.
Jos olet kehittäjä, voit nyt kokeilla mukautettuja CSS-ominaisuuksia äskettäin julkaistuissa Windows Insider Preview -koontiversioissa, jotka alkavat EdgeHTML 15.15061:stä. Tutustu myös Custom Properties Pooch -demo nähdäksesi tämän ominaisuuden toiminnassa.
