| auteur : siddh | On remplace les "-" par une majuscule sur le mot suivant.
Exemples :
- z-index element.style.zIndex
- background-color element.style.backgroundColor
|
| auteurs : simone.51, denisC | On a quelques fois besoin de faire apparaître ou masquer certains objets. Comme par exemple pour des info-bulles, des menus, ...
Voici deux fonctions qui permettent de faire apparaître ou disparaître un objet passé en paramètre.
function afficher(obj){
document.getElementById(obj).style.display = "block";
}
function cacher(obj){
document.getElementById(obj).style.display = "none";
} |
|
| auteur : denisC | On peut acceder au style réel (celui qui prends en comptes toutes les
règles des container et des class d'un élément) de la façon suivante:
element.currentStyle
window.getComputedStyle(element, null) |
L'objet résultant de ces deux fonctions a les mêmes propriétés que l'attribut
style d'un élément normal.
Pour un script cross-navigateurs:
elementCptedStyle = element.currentStyle || window.getComputedStyle(element, null); |
|
| auteur : BrYs |
Voila la table de correspondance entre propriété CSS et attribut javascript
de la variable style correspondant:
attributs CSS |
propriété Javascript |
text-decoration |
textDecoration |
text-indent |
textIndent |
text-transform |
textTransform |
list-style |
listStyle |
list-style-image |
listStyleImage |
list-style-position |
listStylePosition |
list-style-type |
listStyleType |
padding-bottom |
paddingBottom |
padding-left |
paddingLeft |
padding-right |
paddingRight |
padding-top |
paddingTop |
page-break-after |
pageBreakAfter |
page-break-before |
pageBreakBefore |
border-bottom |
borderBottom |
border-bottom-color |
borderBottomColor |
border-bottom-style |
borderBottomStyle |
border-bottom-width |
borderBottomWidth |
border-color |
borderColor |
border-left |
borderLeft |
border-left-color |
borderLeftColor |
border-left-style |
borderLeftStyle |
border-left-width |
borderLeftWidth |
border-right |
borderRight |
border-right-color |
borderRightColor |
border-right-style |
borderRightStyle |
border-right-width |
borderRightWidth |
border-style |
borderStyle |
border-top |
borderTop |
border-top-color |
borderTopColor |
border-top-style |
borderTopStyle |
border-top-width |
borderTopWidth |
border-width |
borderWidth |
margin-bottom |
marginBottom |
margin-left |
marginLeft |
margin-right |
marginRight |
margin-top |
marginTop |
line-height |
lineHeight |
letter-spacing |
letterSpacing |
vertical-align |
verticalAlign |
z-index |
zIndex |
background-attachment |
backgroundAttachment |
background-color |
backgroundColor |
background-image |
backgroundImage |
background-position |
backgroundPosition |
background-repeat |
backgroundRepeat |
Les autres propriétés ont le même format en CSS et en Javascript
(border, font, margin, overflow, padding, position, ...).
|
Consultez les autres F.A.Q's
Les sources présentés sur cette pages sont libre de droits,
et vous pouvez les utiliser à votre convenance. Par contre cette page de présentation de ces sources constitue une oeuvre intellectuelle protégée par les droits d'auteurs.
Copyright ©2004
Developpez LLC. Tout droits réservés Developpez LLC.
Aucune reproduction, même partielle, ne peut être faite de ce site et de
l'ensemble de son contenu : textes, documents et images sans l'autorisation
expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à 3 ans
de prison et jusqu'à 300 000 E de dommages et intérets.
Cette page est déposée à la SACD.
|