La conversión de nombres de propiedades CSS para javascript

Puede convertir nombres de las propiedades CSS para javascript. Sin embargo, hay algunas cosas que usted debe recordar si usted planea en hacer esto. Al cambiar de estilos con javascript, hay un par de reglas simples:

  • Si la propiedad CSS es una palabra (por ejemplo, altura), Permanece como es.

  • Si la propiedad CSS es más que una palabra, separados por guiones, que se convierte a camelCase.

Aquí es una referencia completa de la Propiedad Nombre conversiones de CSS a javascript.

CSS Propiedadjavascript Referencia
fondofondo
background-attachmentbackgroundAttachment
color de fondocolor de fondo
imagen de fondoimagen de fondo
background-positionbackgroundPosition
background-repeatbackgroundRepeat
fronterafrontera
border-bottomBorderBottom
border-bottom colorborderBottomColor
al estilo fondo fronteraborderBottomStyle
border-bottom-widthborderBottomWidth
color de la fronteracolor de la frontera
border-leftborderLeft
de color; border-leftborderLeftColor
border-left; estiloborderLeftStyle
border-left; anchoborderLeftWidth
border-rightBorderRight
border-right; de colorborderRightColor
border-right; estiloborderRightStyle
border-right; anchoborderRightWidth
estilo de bordeestilo de borde
border-topBorderTop
border-top colorborderTopColor
al estilo borde superiorborderTopStyle
border-top-widthborderTopWidth
border-widthborderWidth
claroclaro
presillapresilla
colorcolor
cursorcursor
visualizaciónvisualización
filtrofiltro
flotadorcssFlotador
fuentefuente
Familia tipográficaFamilia tipográfica
tamaño de fuentetamaño de fuente
font-variantfontVariant
font-weightfontWeight
alturaaltura
izquierdaizquierda
letter-spacingletterSpacing
altura de la líneaaltura de la línea
list-styleListStyle
list-style-imagelistStyleImage
list-style-posiciónlistStylePosition
-style-type listalistStyleType
margenmargen
margin-bottommarginBottom
margin-leftmarginLeft
margin-rightmarginRight
margin-topmarginTop
desbordamientodesbordamiento
rellenorelleno
fondo acolchadofondo acolchado
padding-leftpaddingLeft
padding-rightpaddingRight
acolchado superioracolchado superior
page-break-despuéspageBreakAfter
page-break-antespageBreakBefore
posiciónposición
text-aligntextAlign
text-decorationtextDecoration
text-decoration: blinktextDecorationBlink
text-decoration: line-throughtextDecorationLineThrough
text-decoration: nonetextDecorationNone
text-decoration: overlinetextDecorationOverline
text-decoration: underlinetextDecorationUnderline
guion de textoguion de texto
text-transformtextTransform
cimacima
vertical-alignverticalAlign
visibilidadvisibilidad
anchoancho
z-indexzIndex



» » » » La conversión de nombres de propiedades CSS para javascript