IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
logo
Sommaire > Formulaire HTML et autres objets > Les feuilles de Style
        Comment passer d'une propriété de style css à celle qui correspond en javascript?
        Comment faire apparaitre ou disparaître un objet ?
        Comment consulter le style réel d'un objet?
        Quelle est la correspondance de l'attribut CSS XXX en javascript?

rechercher
precedent    sommaire    suivant    telechargermiroir


Comment passer d'une propriété de style css à celle qui correspond en javascript?
auteur : siddh
On remplace les "-" par une majuscule sur le mot suivant.

Exemples :

  • z-index element.style.zIndex
  • background-color element.style.backgroundColor

Comment faire apparaitre ou disparaître un objet ?
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";
}

Comment consulter le style réel d'un objet?
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 //IE
window.getComputedStyle(element, null) //FFx et Opera
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);

Quelle est la correspondance de l'attribut CSS XXX en javascript?
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, ...).


rechercher
precedent    sommaire    suivant    telechargermiroir

Consultez les autres F.A.Q's


Valid XHTML 1.1!Valid CSS!

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2004 Developpez Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.