Lar Mídia social Convertendo nomes de propriedade CSS para JavaScript - dummies

Convertendo nomes de propriedade CSS para JavaScript - dummies

Vídeo: Aula 05 - Curso HTML e CSS - Utilizando a propriedade Background-color: (hexadecimal, rgb, nome) 2025

Vídeo: Aula 05 - Curso HTML e CSS - Utilizando a propriedade Background-color: (hexadecimal, rgb, nome) 2025
Anonim

Parte do JavaScript para crianças para Dummies Cheat Sheet

Você pode converter nomes de propriedade CSS para JavaScript. No entanto, há algumas coisas que você deve lembrar se planeja fazer isso. Ao alterar estilos com JavaScript, existem algumas regras simples:

  • Se a propriedade CSS for uma palavra (como a altura), ela permanece como está.

  • Se a propriedade CSS for mais de uma palavra, separada por traços, ela é convertida em camelCase.

Aqui está uma referência completa das conversões do nome da propriedade de CSS para JavaScript.

Propriedade CSS Referência de JavaScript
fundo plano de fundo
anexo de fundo backgroundAttachment
background-color backgroundColor
background-image backgroundImage > background-position
backgroundPosition background-repeat
backgroundRepeat border
border border-bottom
borderBottom border-bottom-color
borderBottomColor > border-bottom-style borderBottomStyle
fronteira-largura inferior borderBottomWidth
border-color borderColor
border-left borderLeft
border-left-color borderLeftColor
border-left-style borderLeftStyle
fronteira-largura esquerda borderLeftWidth
border-right borderRight
border-right-color borderRightColor
border-right-style borderRightStyle
fronteira-largura direita borderRightWidth
border-style borderStyle
border-top borderTop
border-top -color borderTopColor
border-top-style borderTopStyle
border-t op-width borderTopWidth
largura-largura borderWidth
limpar limpar
clipe clipe
cor cor
cursor cursor < exibir
exibir filtro
filtro flutuador
cssFloat fonte
fonte font-family
fontFamily font-size
fontSize font-variant
fontVariant font-weight
fontWeight height
height left
left letter-spacing
letterSpacing line-height
lineHeight list-style
listStyle list-style-image
listStyleImage list-style-position
listStylePosition list-style-type < listStyleType
margem margem
margin-bottom marginBottom
margin-left marginLeft
margin-right marginRight
margin-top marginTop
overflow overflow
preenchimento preenchimento
padding-bottom paddingBottom
padding-left paddingLeft
padding-right paddingRight
padding-top paddingTop
page-break-after pageBreakAfter
page-brea k-before pageBreakBefore
posição posição
text-align textAlign
text-decoration textDecoration
text-decoration: piscar textDecorationBlink
text-decoration: line-through textDecorationLineThrough
text-decoration: none textDecorationNone
text-decoration: overline textDecorationOverline
text-decoration: sublinhado textDecorationUnderline
texto-indent textIndent
text-transform textTransform
topo topo
vertical-align verticalAlign
visibilidade visibilidade
largura largura
z-index zIndex
Convertendo nomes de propriedade CSS para JavaScript - dummies

Escolha dos editores

Como modelar paredes no SketchUp que se encontram em ângulos não diretos - manequins

Como modelar paredes no SketchUp que se encontram em ângulos não diretos - manequins

Se você estiver lidando com um canto no Sketchup que não é de 90 graus, você pode prosseguir de maneiras diferentes; Usar a ferramenta Intersect Faces é um ótimo lugar para começar. As etapas a seguir elaboram a técnica: Modelar cada segmento de parede reta de forma independente, mas não se sobrepõem às extremidades ainda. Construa cada parede para ...

Com a Ferramenta de Escala do SketchUp - dummies

Com a Ferramenta de Escala do SketchUp - dummies

Os heróis reais raramente são óbvios. A ferramenta Scale é o membro mais incompreendido do kit de ferramentas misericordioso. Novos modelistas assumem que o Scale é para redimensionar as coisas no seu modelo. Isso é tecnicamente verdadeiro, mas a maioria das pessoas só o usa para redimensionar objetos inteiros; o verdadeiro poder da Escala acontece quando você usa ...

Escolha dos editores

Ao se mover para um ambiente híbrido em nuvem pode ser benéfico - dummies

Ao se mover para um ambiente híbrido em nuvem pode ser benéfico - dummies

Para otimizar o benefício econômico de movendo-se para um ambiente de nuvem híbrido, você deve primeiro ter uma boa compreensão de seus requisitos de carga de trabalho. Normalmente, uma organização possui diversos tipos de carga de trabalho para gerenciar em seu centro de dados, e algumas dessas cargas de trabalho serão mais adequadas do que outras para um ambiente de nuvem híbrido. ...

Por que a orientação do serviço é importante para modelos de computação em nuvem - os serviços dummies

Por que a orientação do serviço é importante para modelos de computação em nuvem - os serviços dummies

São importantes para a computação em nuvem a partir de ambos uma infra-estrutura e uma perspectiva de aplicação. Quando você tem algum conhecimento sobre como adotar uma abordagem orientada para o serviço para projetar sistemas de tecnologia, você pode começar a ver a relação entre essa abordagem e a computação em nuvem. A orientação do serviço permeia a nuvem e a nuvem serve como ambiente ...

Híbridos Elementos Fundamentais da Nuvem - manequins

Híbridos Elementos Fundamentais da Nuvem - manequins

A nuvem híbrida requer elementos fundamentais para fazer um modelo híbrido trabalhar no mundo real. Embora existam muitos problemas e considerações técnicas ao usar a nuvem híbrida, a compreensão dos seguintes elementos é particularmente importante: serviços de virtualização: não é surpreendente que muitas empresas tenham aproveitado o tempo para agilizar seus data centers através de tecnologias ...

Escolha dos editores

Como criar e editar a configuração CLI do Junos - manequins

Como criar e editar a configuração CLI do Junos - manequins

Você cria ou edita a configuração do seu dispositivo em o modo de configuração da interface de linha de comando Junos (CLI). Para entrar no modo de configuração, use o comando configure no prompt do modo operacional: wiley @ netnik> configure Iniciando o modo de configuração [editar] wiley @ netnik # Isso permite que você crie ou edite a configuração do candidato. Enter set? Após o prompt do modo de configuração ...

Como criar um chassi virtual de dois ou mais Juniper EX Switches - manequins

Como criar um chassi virtual de dois ou mais Juniper EX Switches - manequins

Quando você deseja criar uma unidade de Chassi Virtual a partir de duas ou mais (até dez) switches da série EX, você normalmente as interconecta usando as portas dedicadas do Chassi Virtual (VCPs) de 64 Gbps na parte traseira do chassi do switch, que são projetadas exclusivamente para interruptores de interconexão (e que não requerem configuração extra no interruptor). Você ...

Como projetar um filtro de firewall Junos - manequins

Como projetar um filtro de firewall Junos - manequins

Para projetar um filtro de firewall Junos corretamente, você precisa saber Como Junos processa os filtros. Há duas considerações básicas a ter em conta para garantir que seus filtros de firewall Junos se comportem da maneira que você pretende: na maioria dos dispositivos, você pode aplicar vários filtros de firewall em uma cadeia ordenada. Se você aplicar o limite-ssh-telnet ...