Section courante

A propos

Section administrative du site

 Langage  Elément  Tutoriel  Programmation  Bibliothèque  Cadre d'application  API  SDK  Serveur  IDE  Aide 
ABAP/4
Ada
Assembleur
Assembly & bytecode
ASP (Active Server Pages)
Basic
C
C++
C# (C Sharp)
Cobol
ColdFusion
Fortran
HTML
Java
JavaScript
LISP
Logo
LotusScript
Oberon
Pascal
Perl
PHP
PL/1
Prolog
Python
Rebol
REXX
Ruby
Rust
SAS
NoSQL
SQL
Swift
X++ (Axapta)
GNAT
SMALLAda
VHDL
Assembleur 370
Assembleur 1802
Assembleur 4004
Assembleur 6502
Assembleur 6800
Assembleur 68000
Assembleur 8080 et 8085
Assembleur 8089
Assembleur 80x86
Assembleur AGC4
Assembleur ARM
Assembleur DPS 8000
Assembleur i860
Assembleur Itanium
Assembleur MIPS
Assembleur PDP-11
Assembleur PowerPC
Assembleur RISC-V
Assembleur SPARC
Assembleur SuperH
Assembleur UNIVAC I
Assembleur VAX
Assembleur Z80
Assembleur Z8000
Assembleur z/Architecture
ASSEMBLER/MONITOR 64
Micol Assembler
GFA Assembler
A86
MASM (Macro Assembler)
TASM (Turbo Assembler)
CIL
Jasmin
LLVM
MSIL
Parrot
P-Code (PCode)
SWEET16
G-Pascal
ASP 1.0
ASP 2.0
ASP 3.0
ASP.NET
ASP.NET Core
ABasiC (Amiga)
Adam SmartBASIC
Altair BASIC
AmigaBASIC (Amiga)
AMOS Basic (Amiga)
Atari Basic (Atari 400, 600 XL, 800, 800XL)
Basic Apple II (Integer BASIC/APPLESOFT)
Basic Commodore 64 (CBM-BASIC)
Basic Commodore 128 (BASIC 7.0)
Basic Commodore VIC-20 (CBM-BASIC 2.0)
Basic Coco 1 (Color Basic)
Basic Coco 2 (Extended Color Basic)
Basic Coco 3 (Extended Color Basic 2.0)
BASICA (PC DOS)
Basic Pro
BBC BASIC
Blitz BASIC (Amiga)
DarkBASIC
Dartmouth BASIC
GFA-Basic (Atari ST/Amiga)
GWBASIC (MS-DOS)
Liberty BASIC
Locomotive BASIC (Amstrad CPC)
MSX-Basic
Omikron Basic (Atari ST)
Oric Extended Basic
Power Basic
Quick Basic/QBasic (MS-DOS)
Sinclair BASIC (ZX80, ZX81, ZX Spectrum)
ST BASIC (Atari ST)
Turbo Basic
Vintage BASIC
VBScript
Visual Basic (VB)
Visual Basic .NET (VB .NET)
Visual Basic pour DOS
Yabasic
BeckerBASIC
SIMONS' BASIC
Basic09 d'OS-9
Disk Extended Color Basic
Basic09 d'OS-9
Disk Extended Color Basic
Access
Excel
Visual Basic pour Windows
Visual Basic .NET pour Windows
C Shell Unix (csh)
C pour Amiga
C pour Atari ST
C pour DOS
C pour Falcon030
C pour GEMDOS (Atari ST)
C pour Linux
C pour PowerTV OS
C pour OS/2
C pour Unix
C pour Windows
Aztec C
CoCo-C
GNU C
HiSoft C
IBM C/2
Introl-C
Lattice C
Microsoft C
MinGW C
MSX-C
Open Watcom C
OS-9 C Compiler
Pure C
Quick C
Turbo C
HiSoft C for Atari ST
HiSoft C for CP/M (Amstrad CPC)
C++ pour OS/2
C++ pour Windows
Borland C++
C++Builder
IBM VisualAge C++
Intel C++
MinGW C++
Open Watcom C++
Symantec C++
Turbo C++
Visual C++
Visual C++ .NET
Watcom C++
Zortech C++
C# (C Sharp) pour Windows
Apple III Cobol
Microsoft Cobol
BlueDragon
Lucee
OpenBD
Railo
Smith Project
Microsoft Fortran
WATFOR-77
CSS
FBML
Open Graph
SVG
XML
XSL/XSLT
LESS
SASS
GCJ (GNU)
JSP
Jython
Visual J++
Node.js
TypeScript
AutoLISP
ACSLogo
LotusScript pour Windows
Amiga Oberon
Oberon .NET
Apple Pascal
Delphi/Kylix/Lazarus
Free Pascal
GNU Pascal
HighSpeed Pascal
IBM Personal Computer Pascal
Lisa Pascal
Maxon Pascal
MPW Pascal
OS-9 Pascal
OSS Personal Pascal
Pascal-86
Pascal du Cray Research
Pascal/VS
Pascal-XT
PURE Pascal
QuickPascal
RemObjets Chrome
Sun Pascal
THINK Pascal
Tiny Pascal (TRS-80)
Turbo Pascal
UCSD Pascal
VAX Pascal
Virtual Pascal
Turbo Pascal for CP/M-80
Turbo Pascal for DOS
Turbo Pascal for Macintosh
Turbo Pascal for Windows
CodeIgniter (Cadre d'application)
Drupal (Projet)
Joomla! (Projet)
Phalanger (PHP .NET)
phpBB (Projet)
Smarty (balise)
Twig (balise)
Symfony (Cadre d'application)
WordPress (Projet)
Zend (Cadre d'application)
PL360
PL/M-80
PL/M-86
Turbo Prolog
CPython
IronPython
Jython
PyPy
AREXX
Regina REXX
JMP
Btrieve
Cassandra
Clipper
CouchDB
dBASE
Hbase
Hypertable
MongoDB
Redis
Access
BigQuery
DB2
H2
Interbase
MySQL
Oracle
PostgreSQL
SAP HANA
SQL Server
Sybase
U-SQL
Introduction
Les remarques
Les opérateurs
Les instructions conditionnelles
Les instructions de boucles
Les exceptions
Type de données élémentaire
Définition de fonction
Mots réservés
Référence de fonctions
Référence des classes
Référence des classes prédéfinies (objets prédéfinies)
Référence des classes de balises (objets de balises)
Les chaines de caractères
Débogage
Les opérations
Délai d'attente et minuterie
Bonjour
Affichage
Application
Astronomie
Biochimie
Chaine de caractères
Courriel
Finance
Formulaire
Géographie
Géométrie
Gouvernement
Jeux & stratégies
Mathématique
Médicale
Météorologie
Océanographie
Optimisation
Sport
Temps
Trigonométrie
Validation
Cercle
Calculatrice romaine
Phase lunaire
Calcul du calcium corrigé
Calcul le taux d'alcoolémie
Nombre réel avec un certain nombre de décimal
Majuscule (strtoupper ou UpperCase)
Minuscule (strtolower ou LowerCase)
Microsoft Outlook
Validation
Ajout de contact
IPaymt/Interet
NPer
PPaymt/Principal
«ComboBox» pour choisir une couleur
getRadioButtonValue
Soumettre un formulaire
Distance en Km entre deux longitudes et latitudes
Aire d'un cercle
Aire d'une surface de prisme rectangulaire
Aire d'un triangle
Distance entre deux points
Taxe de vente canadienne
Entrecroisés
Mot mystère
Ackermann
Division par 0
Exp
Factoriel
Fibonacci
Log
Nombre premier
Odd
Sqrt
Triangle Pascal
Valeur absolue
Hauteur utérine
Unité de mesure
Fréquence des vagues
AJAX
Hockey
Année bissextile
Date de la Pâque
Heure courante
FirstDayOfMonth
ACos/ArCos/ArcCos
ASin/ArcSin
Atn/ATan/ArcTan/ArcTangente
Cos/Cosinus
Sin/Sinus
Courriel
Extension de nom de domaine
DataTables
ga.js
jQuery
LiveValidation
Lodash
Polymer
React (React.js)
TinyMCE
TinySort
jQuery Tools UI Library
Ample SDK
AngularJS
Bootstrap
Cypress
Ext JS
JEST
Mocha
Next.js
Prototype
React Native
Vue.js
Google Maps JavaScript API
WebGL
Bot Framework SDK
Facebook JavaScript SDK
Node.js
Komodo IDE
Visual Studio Code
Préface
Notes légal
Dictionnaire
Recherche

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

PARTAGER CETTE PAGE SUR
Dernière mise à jour : Vendredi, le 8 août 2014