Video: CSS Houdini & The Future of Styling by Una Kravets | JSConf EU 2019 2024
En del av JavaScript for Kids For Dummies Cheat Sheet
Du kan konvertere CSS-eiendomsnavn til JavaScript. Det er imidlertid noen ting du bør huske om du planlegger å gjøre dette. Når du endrer stiler med JavaScript, er det et par enkle regler:
-
Hvis CSS-egenskapen er ett ord (for eksempel høyde), forblir det som det er.
-
Hvis CSS-egenskapen er mer enn ett ord, adskilt av bindestrek, blir den konvertert til camelCase.
Her er en fullstendig referanse av egenskapen navn konverteringer fra CSS til JavaScript.
| CSS Property | JavaScript-referanse |
|---|---|
| bakgrunn | bakgrunn |
| bakgrunnsbilde | backgroundAttachment |
| bakgrunnsfarge | backgroundColor |
| bakgrunnsbilde | backgroundImage > bakgrunn-stilling |
| backgroundPosition | bakgrunn-repeat |
| backgroundRepeat | grensen |
| grensen | nedre kant |
| borderBottom | nedre kant-farge |
| borderBottomColor > nedre kant-stil | borderBottomStyle |
| nedre kant bredde | borderBottomWidth |
| border-farge | borderColor |
| border-venstre | borderLeft |
| border-venstre-farge | borderLeftColor |
| border-venstre-stil | borderLeftStyle |
| border-venstre-bredde | borderLeftWidth |
| border-høyre | borderRight |
| border-høyre-farge | borderRightColor |
| border-høyre-stil | borderRightStyle |
| border-høyre-bredde | borderRightWidth |
| border-stil | Border |
| border-top | borderTop |
| border-top -Color | borderTopColor |
| border-top-stil | borderTopStyle |
| border-t op-bredde | borderTopWidth |
| border-bredde | borderWidth |
| klart | klart |
| klemmen | klemmen |
| farge | farge |
| markør | markør < skjerm |
| skjerm | filter |
| filter | flottør |
| cssFloat | font |
| font | font-family |
| fontfamily | font-size |
| skrift | font-variant |
| fontVariant | font-vekt |
| fontWeight | høyde |
| høyde | venstre |
| venstre | bokstav-spacing |
| bokstav | linje-høyde |
| lineHeight | list-stil |
| listStyle | list-stil-bilde |
| listStyleImage | list-stil-stilling |
| listStylePosition | list-stil-typen < listStyleType |
| margin | margin |
| margin-bottom | marginBottom |
| margin-venstre | marginLeft |
| margin-høyre | marginRight |
| margin-top | marginTop |
| overløp | overløp |
| polstring | polstring |
| padding-bottom | paddingBottom |
| padding-venstre | paddingLeft |
| padding-høyre | paddingRight |
| padding-top | paddingTop |
| side-break-etter | pageBreakAfter |
| side-Brea k-før | sideBreakBefore |
| posisjon | posisjon |
| tekstjustering | textLette |
| tekstdekorasjon | tekstdekorasjon |
| tekstdekorasjon: blink | textDecorationBlink |
| tekst-dekorasjon: linje gjennom | textDecorationLineThrough |
| tekstdekorasjon: ingen | textDecorationNone |
| tekstdekorasjon: overlinje | textDecorationOverline |
| tekstdekorasjon: understreke | textDecorationUnderline |
| tekst-strekpunkt | textIndent |
| tekst-transform | textTransform |
| toppen | toppen |
| vertikale retter inn | verticalAlign |
| synlighet | synlighet |
| bredde | bredden |
| z-indeks | zIndex |
Redaktørens valg
Bruk skjermfeltet til å endre QuickBooks 2014 Rapporter - dummiesSkjermbildet i QuickBooks Modify Report dialogboksen lar deg kontrollere rapportintervalldatoen, rapportgrunnlaget, kolonnene og en annen formatering. Bokstavene Rapporter datoområde - Datoer, Fra og Til - gjør det samme som Datoer, Fra og Til bokser i Rapportvinduet. Disse boksene lar ... 
Bruk skjermfeltet til å modifisere QuickBooks 2013 Rapporter - dummiesHvis du klikker Tilpass rapport, QuickBooks viser dialogboksen Endre rapport, som du kan bruke til å tilpasse en rapport. Når du tilpasser en rapport, endrer du rapportens utseende, layout og informasjonen som den oppsummerer. Dialogboksen Endre rapport ser annerledes ut for ulike rapporttyper. Likevel, hvis du ser forbi ... 
Bruk fanen Filtre til å modifisere QuickBooks 2014 Rapporter - dummiesFiltrene kategorien er trolig den mest interessante og en nyttig kategori som er levert av dialogboksen QuickBooks Modify Report. Filtre-fanen lar deg sette opp filtre som du kan bruke til å angi hvilken informasjon som oppsummeres i rapporten. For å bruke Filtrer-fanen velger du først feltet du vil ha ... Redaktørens valg
Administrere Cloud Computing Resources - dummiesI teorien bør cloud computing-tjenester ikke være forskjellig fra ressursene i din eget miljø, bortsett fra at de bor eksternt. Ideelt sett har du en komplett visning av cloud computing-ressursene du bruker i dag, eller vil kanskje bruke i fremtiden. I de fleste skymiljøer kan kunden bare få tilgang til ... 
Tips for Going Cloud med datanettverkene dine - dummiesBeregning med datanettverket ditt kan være, hva skal du gjøre for å ta nettverket ditt mot skyen? Her er noen anbefalinger: Ikke stole på en dårlig Internett-tilkobling. Først og fremst, før du tar noen av nettverksoperasjonene i skyen, gjør du ... 
Nettverkstjenester levert gjennom Cloud Computing - dummiesTre forskjellige typer nettverkstjenester kan leveres via skyen: applikasjoner , plattformer og tjenester (infrastruktur). I de følgende avsnittene beskrives disse tre typer skyttjenester i større detalj. Programmer i skyen Vanligvis kalt Software as a Service (SaaS), fullt funksjonelle applikasjoner kan leveres via skyen. En av ... Redaktørens valg
10 Hadoop Ressurser verdt en bokmerke - dummiesFølgende er ti fantastiske Hadoop-ressurser som er verdige til å skape en bokmerke i nettleseren din. Disse ressursene hjelper deg med å skape en livslang læringsplan for Hadoop. Sentralnervesystemet: Apache. org Apache Software Foundation (ASF) er det sentrale fellesskapet for open source-programvareprosjekter. Ikke bare et prosjekt kan være et Apache-prosjekt - ... 
Data transformasjon i Hadoop - dummiesIdeen om Hadoop-inspirerte ETL motorer har fått mye trekkraft de siste årene. Hadoop er trods alt en fleksibel datalagrings- og behandlingsplattform som kan støtte store mengder data og operasjoner på dataene. Samtidig er det feiltolerant, og det gir mulighet for kapital- og programvarekostnad ... 
Datablokker i Hadoop Distributed File System (HDFS) - dummierNår du lagrer en fil i HDFS, bryter systemet det ned i et sett med individuelle blokker og lagrer disse blokkene i forskjellige slave noder i Hadoop-klyngen. Dette er en helt vanlig ting å gjøre, da alle filsystemer bryter filer ned i blokker før de lagres til disk. HDFS har ingen ... |
![Slik endrer du gradienter i Adobe Flash CS6 - dummies <[SET:descriptionno]Etter at du har opprettet en gradient i Adobe Flash CS6,](https://i.howtospotfake.org/img/big/no-personal-finance-2018/how-to-change-your-discharge-and-apply-for-veterans-benefits.jpg "Slik endrer du gradienter i Adobe Flash CS6 - dummies <[SET:descriptionno]Etter at du har opprettet en gradient i Adobe Flash CS6,")
