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 Propiedad | javascript Referencia |
---|
fondo | fondo |
background-attachment | backgroundAttachment |
color de fondo | color de fondo |
imagen de fondo | imagen de fondo |
background-position | backgroundPosition |
background-repeat | backgroundRepeat |
frontera | frontera |
border-bottom | BorderBottom |
border-bottom color | borderBottomColor |
al estilo fondo frontera | borderBottomStyle |
border-bottom-width | borderBottomWidth |
color de la frontera | color de la frontera |
border-left | borderLeft |
de color; border-left | borderLeftColor |
border-left; estilo | borderLeftStyle |
border-left; ancho | borderLeftWidth |
border-right | BorderRight |
border-right; de color | borderRightColor |
border-right; estilo | borderRightStyle |
border-right; ancho | borderRightWidth |
estilo de borde | estilo de borde |
border-top | BorderTop |
border-top color | borderTopColor |
al estilo borde superior | borderTopStyle |
border-top-width | borderTopWidth |
border-width | borderWidth |
claro | claro |
presilla | presilla |
color | color |
cursor | cursor |
visualización | visualización |
filtro | filtro |
flotador | cssFlotador |
fuente | fuente |
Familia tipográfica | Familia tipográfica |
tamaño de fuente | tamaño de fuente |
font-variant | fontVariant |
font-weight | fontWeight |
altura | altura |
izquierda | izquierda |
letter-spacing | letterSpacing |
altura de la línea | altura de la línea |
list-style | ListStyle |
list-style-image | listStyleImage |
list-style-posición | listStylePosition |
-style-type lista | listStyleType |
margen | margen |
margin-bottom | marginBottom |
margin-left | marginLeft |
margin-right | marginRight |
margin-top | marginTop |
desbordamiento | desbordamiento |
relleno | relleno |
fondo acolchado | fondo acolchado |
padding-left | paddingLeft |
padding-right | paddingRight |
acolchado superior | acolchado superior |
page-break-después | pageBreakAfter |
page-break-antes | pageBreakBefore |
posición | posición |
text-align | textAlign |
text-decoration | textDecoration |
text-decoration: blink | textDecorationBlink |
text-decoration: line-through | textDecorationLineThrough |
text-decoration: none | textDecorationNone |
text-decoration: overline | textDecorationOverline |
text-decoration: underline | textDecorationUnderline |
guion de texto | guion de texto |
text-transform | textTransform |
cima | cima |
vertical-align | verticalAlign |
visibilidad | visibilidad |
ancho | ancho |
z-index | zIndex |
Sobre el autor
javascript para los niños para los maniquíes 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…
Referencias y recursos de javascript javascript permite a la funcionalidad a una página web que HTML simple simplemente no puede hacer. La siguiente tabla muestra algunos valiosos recursos en línea para obtener más información sobre el uso de javascript en su sitio…
Nombrar las variables javascript Un nombre de variable debe identificar con precisión la variable. Al crear buenos nombres de las variables, el código javascript se hace más fácil de entender y fácil de trabajar. Nombrar correctamente las variables es muy importante!…
Negociación en un mercado español tradicional Sabiendo cómo negociar para las mercancías cuando usted está haciendo compras en un mercado tradicional español puede ayudarle a obtener la mejor mercancía al mejor precio. Regateo, o regateo, es una táctica de negociación que muchas personas…
Preocupaciones de conducción comunes en los países de habla hispana Conducción en un país extranjero puede ser desconcertante. Abordar las preocupaciones de conducción comunes (como licencias de conducir y las señales de tráfico) en la planificación de su viaje a un país de habla española es muy valiosa. De…
Vocabulario en español para el lugar de trabajo Desde San Francisco a San Salvador a San Juan, conversaciones acerca de puestos de trabajo, lugares de trabajo y oficinas no difieren mucho de un lugar a otro. Aquí están algunas palabras en español y frases que te ayudarán a hablar acerca de la…
Expresar gratitud y arrepentimiento en japonés Frases de agradecimiento y disculpas son las frases más importantes y esenciales en cualquier idioma. Supongamos que un extranjero tiene una puerta abierta para usted cuando usted está entrando en un edificio. ¿Qué estás diciendo? Supongamos…
Cómo aplicar el efecto de la frontera de radio css3 El efecto CSS3 border-radius define esquinas redondeadas. Y, es necesario utilizar prefijos específicas del navegador cuando se define un radio de frontera. Aquí algunas reglas para la definición de un radio de frontera:No se puede aplicar un…
Cómo el estilo de párrafos, encabezados y pies de página con css3 Cuando se diseñará párrafos, encabezados y pies de página, la mayoría del trabajo se puede lograr de forma automática mediante la creación de estilos de etiquetas Redefinir para el etiqueta y sin embargo muchas etiquetas de título que va a…
Cómo el estilo de listas y tablas con css3 Listas y tablas de estilo es un poco diferente de styling contenido en el cuerpo de la página, ya que ambas listas y tablas tienen etiquetas específicas que pueden ser redefinidas para controlar cómo el contenido se encuentra dentro de esas…
Términos objeto javascript javascript es un lenguaje basado en objetos. Para entender cómo interactuar con el modelo de objetos de documento se trabaja con en javascript, es necesario entender algunos términos relacionados con objetos básicos. La siguiente tabla…
Explorar las vocales posteriores en el canto Explore su vocales posteriores y aprender a cantar con claridad. Usted hace volver vocales por arqueando o elevar la parte posterior de la lengua cerca del techo de la boca, mientras se mantiene la punta de la lengua detrás de los dientes frontales…