Css Vs JavaScript

Tabla equivalencias CSS con JavaScript

Este post lo voy a dejar aquí colgado por que actualmente me encuentro realizando un curso de php en el que han incluido un apartado de JavaScript para poder modificar el DOM (Document Objet Model). Como han dicho en el curso, con este lenguaje se puede modificar las propiedades de las CSS de nuestras páginas y para ello no hay nada mejor que tener a mano una tabla de equivalencias como la siguiente.

Esta tabla se puede encontrar en la web de cesarcancino, al igual que el curso de php que me encuentro realizando. Es un curso fácil de seguir y creo que bastante útil para todos los que queremos aprender un poco sobre php. Además de php en este curso Cesar enseña unas pinceladas de otros lenguajes que hacen un poco más funcionales las webs que montemos.

 Propiedades CSS



 

 Propiedad CSS

Propiedad DOM en Javascript

Propiedad CSS

Propiedad DOM en Javascript

backgroundbackground background-attachmentbackgroundAttachment
background-colorbackgroundColor background-image backgroundImage
background-position backgroundPosition background-repeat backgroundRepeat
border border border-color borderColor
border-style borderStyle border-top borderTop
border-right borderRight border-left borderLeft
border-bottom borderBottom border-top-color borderTopColor
border-right-color borderRightColor border-bottom-color borderBottomColor
border-left-color borderLeftColor border-top-style borderTopStyle
border-right-style borderRightStyle border-bottom-style borderBottomStyle
border-left-style borderLeftStyle border-top-width borderTopWidth
border-right-width borderRightWidth border-bottom-width borderBottomWidth
border-left-width borderLeftWidth border-width borderWidth
clear clear clip clip
color color display display
float cssFloat font font
font-family fontFamily font-size fontSize
font-style fontStyle font-variant fontVariant
font-wight fontWight 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 margin margin
margin-top marginTop margin-right margin Right
margin-bottom marginBottom margin-left marginLeft
overflow overflow padding padding
padding-top paddingTop padding-right paddingRight
padding-bottom paddingBottom padding-left paddingLeft
position position text-aling textAling
text-decoration textDecoration text-indent textIndent
text-transform textTransform top top
vertical-align verticalAlign visibility visibility
white-space whiteSpace width width
word-spacing wordSpacing z-index zIndex

 

 

Deja un comentario