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 |
| background | background | background-attachment | backgroundAttachment |
| background-color | backgroundColor | 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 |
