Section courante

A propos

Section administrative du site

document.getElementById.style

Demande l'élément par Id du document : Style
JavaScript

Syntaxe

function getElementById(id).style.element

Paramètres

Paramètre Description
element Cette sous-propriété permet d'indiquer l'élément à consulter ou modifier.
Propriété Description
background="valeur" Cette sous-propriété permet de demander ou de fixer l'image d'arrière-plan d'une balise.
backgroundAttachment="valeur" Cette sous-propriété permet de demander ou de fixer l'effet de déplacement d'immobilité de l'arrière-plan d'une balise.
backgroundColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur d'arrière-plan d'une balise.
backgroundImage="valeur" Cette sous-propriété permet de demander ou de fixer l'image d'arrière-plan d'une balise.
backgroundPosition="valeur" Cette sous-propriété permet de demander ou de fixer la position d'une image d'arrière-plan d'une balise.
backgroundRepeat="valeur" Cette sous-propriété permet de demander ou de fixer le style de répétition d'une image d'arrière-plan d'une balise.
border="valeur" Cette sous-propriété permet de demander ou de fixer le style de la bordure d'une balise.
borderBottom="valeur" Cette sous-propriété permet de demander ou de fixer le style du bas de la bordure d'une balise.
borderBottomColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur du bas de la bordure d'une balise.
borderBottomStyle="valeur" Cette sous-propriété permet de demander ou de fixer le style CSS du bas de la bordure d'une balise.
borderBottomWidth="valeur" Cette sous-propriété permet de demander ou de fixer l'épaisseur du trait du bas de la bordure d'une balise.
borderColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur de la bordure d'une balise.
borderLeft="valeur" Cette sous-propriété permet de demander ou de fixer le style de gauche de la bordure d'une balise.
borderLeftColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur de gauche de la bordure d'une balise.
borderLeftStyle="valeur" Cette sous-propriété permet de demander ou de fixer le style CSS de gauche de la bordure d'une balise.
borderLeftWidth="valeur" Cette sous-propriété permet de demander ou de fixer l'épaisseur du trait de gauche de la bordure d'une balise.
borderRight="valeur" Cette sous-propriété permet de demander ou de fixer le style de droite de la bordure d'une balise.
borderRightColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur de droite de la bordure d'une balise.
borderRightStyle="valeur" Cette sous-propriété permet de demander ou de fixer le style CSS de droite de la bordure d'une balise.
borderRightWidth="valeur" Cette sous-propriété permet de demander ou de fixer l'épaisseur du trait de droite de la bordure d'une balise.
borderStyle="valeur" Cette sous-propriété permet de demander ou de fixer le style CSS de la bordure d'une balise.
borderTop="valeur" Cette sous-propriété permet de demander ou de fixer le style du haut de la bordure d'une balise.
borderTopColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur du haut de la bordure d'une balise.
borderTopStyle="valeur" Cette sous-propriété permet de demander ou de fixer le style CSS du haut de la bordure d'une balise.
borderTopWidth="valeur" Cette sous-propriété permet de demander ou de fixer l'épaisseur du trait du haut de la bordure d'une balise.
borderWidth="valeur" Cette sous-propriété permet de demander ou de fixer l'épaisseur du trait de la bordure d'une balise.
captionSide="valeur" Cette sous-propriété permet de demander ou de fixer la position d'alignement de cellule de titre d'un tableau d'une balise.
clear="valeur" Cette sous-propriété permet de demander ou de fixer si l'élément à droite de la balise suit, passe à la ligne suivante,....
clip="valeur" Cette sous-propriété permet de demander ou de fixer la position d'une image dans la balise
color="valeur" Cette sous-propriété permet de demander ou de fixer le style de la couleur d'une balise.
cursor="valeur" Cette sous-propriété permet de demander ou de fixer le style de pointeur de souris afficher sur la balise.
direction="valeur" Cette sous-propriété permet de demander ou de fixer la direction horizontal de l'écriture du texte de la balise.
display="valeur" Cette sous-propriété permet d'autoriser l'affichage d'une balise.
emptyCells="valeur" Cette sous-propriété permet de cacher les bordures et arrière-plans d'une balise de cellule tableau si elle est vide.
float="valeur" Cette sous-propriété permet de fixer ou de demander si une image suit à la gauche ou non.
font="valeur" Cette sous-propriété permet de fixer ou de demander tous les détails de la police de caractères d'une balise.
fontFamily="valeur" Cette sous-propriété permet de fixer ou de demander les modèles de la police de caractères d'une balise.
fontSize="valeur" Cette sous-propriété permet de demander ou de fixer la taille de la police de caractères d'une balise.
fontStretch="valeur" Cette sous-propriété permet de demander ou de fixer le facteur d'étirement de la police de caractères d'une balise.
fontStyle="valeur" Cette sous-propriété permet de demander ou de fixer les attributs (gras, souligné,...) de la police de caractères d'une balise.
fontVariant="valeur" Cette sous-propriété permet de demander ou de fixer la variante (normal, majuscule,...) de la police de caractères d'une balise.
fontWeight="valeur" Cette sous-propriété permet de demander ou de fixer l'épaisseur de la police de caractères d'une balise.
height="valeur" Cette sous-propriété permet de demander ou de fixer la hauteur d'une balise.
left="valeur" Cette sous-propriété permet de demander ou de fixer le déplacement à partir de la gauche d'une balise.
letterSpacing="valeur" Cette sous-propriété permet de demander ou de fixer l'espacement entre chacun des caractères d'une balise.
lineHeight="valeur" Cette sous-propriété permet de demander ou de fixer l'espacement entre chacun des lignes d'un paragraphe d'une balise.
listStyle="valeur" Cette sous-propriété permet de demander ou de fixer le format de la liste d'une balise.
listStyleImage="valeur" Cette sous-propriété permet de demander ou de fixer l'image de l'attribut de la liste d'une balise.
listStylePosition="valeur" Cette sous-propriété permet de demander ou de fixer l'espacement à gauche des lignes débordante de la liste d'une balise.
listStyleType="valeur" Cette sous-propriété permet de demander ou de fixer les attributs (numéro, puce, carré,...) de la liste d'une balise.
margin="valeur" Cette sous-propriété permet de demander ou de fixer la bordure entre la balise et son emplacement.
marginBottom="valeur" Cette sous-propriété permet de demander ou de fixer le bas de la bordure entre la balise et son emplacement.
marginLeft="valeur" Cette sous-propriété permet de demander ou de fixer la gauche de la bordure entre la balise et son emplacement.
marginRight="valeur" Cette sous-propriété permet de demander ou de fixer la droite de la bordure entre la balise et son emplacement.
marginTop="valeur" Cette sous-propriété permet de demander ou de fixer le haut de la bordure entre la balise et son emplacement.
maxHeight="valeur" Cette sous-propriété permet de demander ou de fixer le hauteur maximal d'une balise.
maxWidth="valeur" Cette sous-propriété permet de demander ou de fixer la largeur maximal d'une balise.
minHeight="valeur" Cette sous-propriété permet de demander ou de fixer la hauteur minimal d'une balise.
minWidth="valeur" Cette sous-propriété permet de demander ou de fixer la largeur minimal d'une balise.
overflow="valeur" Cette sous-propriété permet de demander ou de fixer le type de comportement lors d'un débordement d'une balise pour l'espace lui étant associé.
padding="valeur" Cette sous-propriété permet de demander ou de fixer l'espacement entre la zone attribué au paragraphe et le paragraphe lui-même dans une balise.
paddingBottom="valeur" Cette sous-propriété permet de demander ou de fixer l'espacement entre la zone attribué au paragraphe et le paragraphe lui-même dans le bas d'une balise.
paddingLeft="valeur" Cette sous-propriété permet de demander ou de fixer l'espacement entre la zone attribué au paragraphe et le paragraphe lui-même dans la gauche d'une balise.
paddingRight="valeur" Cette sous-propriété permet de demander ou de fixer l'espacement entre la zone attribué au paragraphe et le paragraphe lui-même dans la droite d'une balise.
paddingTop="valeur" Cette sous-propriété permet de demander ou de fixer l'espacement entre la zone attribué au paragraphe et le paragraphe lui-même dans le haut d'une balise.
pageBreakAfter="valeur" Cette sous-propriété permet de demander ou de fixer le saut de page après une balise.
pageBreakBefore="valeur" Cette sous-propriété permet de demander ou de fixer le saut de page avant une balise.
position="valeur" Cette sous-propriété permet de demander ou de fixer le type de positionnement d'une balise.
right="valeur" Cette sous-propriété permet de demander ou de fixer le déplacement à partir de la droite d'une balise.
scrollbar3dLightColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur d'un effet de relief pour une barre de défilement d'une balise.
scrollbarArrowColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur d'un flèche de la barre de défilement d'une balise.
scrollbarBaseColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur de base de la barre de défilement d'une balise.
scrollbarDarkshadowColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur de l'ombrage de la barre de défilement d'une balise.
scrollbarFaceColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur de surface de la barre de défilement d'une balise.
scrollbarHighlightColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur de la zone éclairé de la barre de défilement d'une balise.
scrollbarShadowColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur de la zone non-éclairé de la barre de défilement d'une balise.
scrollbarTrackColor="valeur" Cette sous-propriété permet de demander ou de fixer la couleur du compact de la barre de défilement d'une balise.
tableLayout="valeur" Cette sous-propriété permet de demander ou de fixer la mise en page d'une balise de type tableau.
textAlign="valeur" Cette sous-propriété permet de demander ou de fixer le déplacement horizontal d'un texte : Vert le gauche, le droite, au milieu, justifié,... d'une balise.
textDecoration="valeur" Cette sous-propriété permet de demander ou de fixer la présentation du texte (soulignement, barré, clignotement,...) d'une balise.
textIndent="valeur" Cette sous-propriété permet de demander ou de fixer le déplacement horizontal du corps du paragraphe d'une balise.
textTransform="valeur" Cette sous-propriété permet de demander ou de fixer les «cases» du texte (majuscule, minuscule,...) d'une balise.
top="valeur" Cette sous-propriété permet de demander ou de fixer le déplacement à partir du haut d'une balise.
verticalAlign="valeur" Cette sous-propriété permet de demander ou de fixer le déplacement vertical d'un texte : Vers le haut, le bas, au milieu,... d'une balise.
visibility="valeur" Cette sous-propriété permet de demander ou de fixer si le contenu de la balise est affiché ou non mais en réservant l'espace qu'utilise la balise même s'il n'y a rien d'affiché.
width="valeur" Cette sous-propriété permet de demander ou de fixer la largeur d'une balise.
wordSpacing="valeur" Cette sous-propriété permet de demander ou de fixer l'espacement entre chacun des mots d'une balise.
zIndex="valeur" Cette sous-propriété permet de demander ou de fixer le positionnement d'empilage (surpositionnement) d'une balise.

Description

Cette propriété permet de fixer ou d'indiquer le style CSS de l'objet.

Exemple

L'exemple suivant permet de changer la couleur d'arrière-plan d'une balise de division :

  1. <div id="madiv">MESSAGE</div>
  2. <script language="JavaScript" type="text/javascript">
  3. document.getElementById('madiv').style.backgroundColor="blue";
  4. </script>

Voir également

Langage de programmation - CSS - Référence des propriétés - background-color

Dernière mise à jour : Vendredi, le 8 août 2014