Tellaw.org » html http://www.tellaw.org La technologie doit devenir simple... Fri, 02 Apr 2010 14:48:38 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 Equivalent JavaScript des propriétés de CSS. http://www.tellaw.org/2008/04/18/equivalent-javascript-des-proprietes-de-css/ http://www.tellaw.org/2008/04/18/equivalent-javascript-des-proprietes-de-css/#comments Fri, 18 Apr 2008 15:39:26 +0000 admin http://www.tellaw.org/?p=32 Ce post va faire un bref recapitulatif des equivalent javascript des propriétés CSS. C’est en fait un re-post d’un ancien article, mais il semble être très demandé.

Pour rappel, afin de modifier le style d’un tag ayant comme id myElement il faut utiliser la syntaxe suivante :

document.getElementById(myElement).style.border = 1px solid black;

Javascript Css
textDecoration text-decoration
textDecorationLineThrough text-decoration: line-through
textDecorationNone text-decoration: none
textDecorationUnderline text-decoration: underline
textDecorationOverline text-decoration: overline
textIndent text-indent
textTransform text-transform
styleFloat float
listStyle list-style
listStyleImage list-style-image
listStylePosition list-style-position
listStyleType list-style-type
paddingBottom padding-bottom
paddingLeft padding-left
paddingRight padding-right
paddingTop padding-top
pageBreakAfter page-break-after
pageBreakBefore page-break-before
font-family fontFamily
font-size fontSize
font-weight fontWeight
font-variant fontVariant
borderBottom border-bottom
borderBottomColor border-bottom-color
borderBottomStyle border-bottom-style
borderBottomWidth border-bottom-width
borderColor border-color
borderLeft border-left
borderLeftColor border-left-color
borderLeftStyle border-left-style
borderLeftWidth border-left-width
borderRight border-right
borderRightColor border-right-color
borderRightStyle border-right-style
borderRightWidth border-right-width
borderStyle border-style
borderTop border-top
borderTopColor border-top-color
borderTopStyle border-top-style
borderTopWidth border-top-width
borderWidth border-width
marginBottom margin-bottom
marginLeft margin-left
marginRight margin-right
marginTop margin-top
lineHeight line-height
letterSpacing letter-spacing
verticalAlign vertical-align
zIndex z-index
backgroundAttachment background-attachment
backgroundColor background-color
backgroundImage background-image
backgroundPosition background-position
backgroundRepeat background-repeat

Les propriétés CSS composées d\’un seul mot ont un equivalent en javascript.

Liens utiles :

]]> http://www.tellaw.org/2008/04/18/equivalent-javascript-des-proprietes-de-css/feed/ 4 Blueprint CSS : Utilisez une grille pour caler vos pages. http://www.tellaw.org/2008/04/17/blueprint-css-utilisez-une-grille-pour-caler-vos-pages/ http://www.tellaw.org/2008/04/17/blueprint-css-utilisez-une-grille-pour-caler-vos-pages/#comments Thu, 17 Apr 2008 08:23:51 +0000 admin http://www.tellaw.org/?p=23 L’utilisation d’une grille pour caler une CSS est assez courant. Mais vous ne connaissez peut être pas (comme moi) le projet blueprint CSS.

Ce projet est un Framework CSS qui à pour objectif de réduire considérablement le temps de dev sur les CSS. Nous passons beaucoup de temps à faire du calage sur les différents navigateurs. Ce temps est de la pure perte car il est systématique à tous les projets…

Blueprint permet de positionner ces éléments HTML sur une grille proposée par le Framework.

la page ci-dessous va vous expliquer le concept encore mieux…

]]> http://www.tellaw.org/2008/04/17/blueprint-css-utilisez-une-grille-pour-caler-vos-pages/feed/ 4