Exemple
Je suis rouge
Je suis bleu
Je suis grand
Essayez-le vous-mêmeL’attribut de style HTML
La définition du style d’un élément HTML peut être effectuée avec l’ styleattribut.
L’ styleattribut HTML a la syntaxe suivante :<nom de la balise style= »propriété:valeur;« >
La propriété est une propriété CSS. La valeur est une valeur CSS.
Couleur de l’arrière plan
La background-colorpropriété CSS définit la couleur d’arrière-plan d’un élément HTML.
Cet exemple définit la couleur d’arrière-plan d’une page sur bleu poudré:
Exemple
<body style= »background-color:powderblue; »>
Couleur du texte
La colorpropriété CSS définit la couleur du texte pour un élément HTML:
Exemple
<h1 style= »color:blue; »>Ceci est un titre</h1>
<p style= »color:red; »>Ceci est un paragraphe.</p>
Les polices
La font-familypropriété CSS définit la police à utiliser pour un élément HTML:
Exemple
<h1 style= »font-family:verdana; »>Ceci est un titre.</h1>
<p style= »font-family:courier; »>Ceci est un paragraphe.</p>
Essayez-le vous-même
Taille du texte
La font-sizepropriété CSS définit la taille du texte pour un élément HTML:
Exemple
<h1 style= »font-size:300%; »>Ceci est un titre.</h1>
<p style= »font-size:160%; »>Ceci est un paragraphe.</p>
Essayez-le vous-même
Alignement du texte
La text-alignpropriété CSS définit l’alignement horizontal du texte pour un élément HTML:
Exemple
<h1 style= »text-align:center; »>Titre centré.</h1>
<p style= »text-align:center; »>Paragraphe centré.</p>
Essayez-le vous-même
Résumé du chapitre
- Utiliser l’
styleattribut pour styliser des éléments HTML - Utiliser
background-colorpour la couleur d’arrière-plan - Utiliser
colorpour les couleurs de texte - Utiliser
font-familypour les polices de texte - Utiliser
font-sizepour les tailles de texte - Utiliser
text-alignpour l’alignement du texte