DébutantNon commencé

Exercice 6.3 · 6 min · 0 tentative

Modifier le style

Objectif

Modifier l'apparence d'un élément avec la propriété style.

Contexte

Chaque élément a une propriété style pour modifier son CSS :

const titre = document.querySelector("h1")

titre.style.color = "red"
titre.style.fontSize = "32px"
titre.style.backgroundColor = "yellow"

CSS → JavaScript (camelCase)

CSSJavaScript
background-colorbackgroundColor
font-sizefontSize
border-radiusborderRadius

Consigne

Modifie les styles de la boîte :

  1. Couleur de fond → "blue"
  2. Couleur du texte → "white"
  3. Taille de police → "20px"

Résultat attendu :

  • La boîte devient bleue avec du texte blanc plus grand

Objectifs

  • Modifier backgroundColor en blue
  • Modifier color en white
  • Modifier fontSize en 20px
  • Élément #boite existe

Lisez bien les instructions et lancez-vous !

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé