Attribut de classe HTML

❮ Précédent Attributs globaux HTML Suivant ❯

Exemple

Utilisation de l'attribut class dans un document HTML :

<html>
<head>
<style>
h1.intro {
color: blue;
}

p.important {
color: green;
}
</style>
</head>
<body>

<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph. :)</p>

</body>
</html>

Plus d'exemples "Essayez-le vous-même" ci-dessous.

Définition et utilisation

L' classattribut spécifie un ou plusieurs noms de classe pour un élément.

L' classattribut est principalement utilisé pour pointer vers une classe dans une feuille de style. Cependant, il peut également être utilisé par un JavaScript (via le DOM HTML) pour apporter des modifications aux éléments HTML avec une classe spécifiée.

Prise en charge du navigateur

Attribute
class	Yes	Yes	Yes	Yes	Yes

Syntaxe

<element class="classname">

Valeurs d'attribut

Value	Description
classname	Specifies one or more class names for an element. To specify multiple classes, separate the class names with a space, e.g. <span class="left important">. This allows you to combine several CSS classes for one HTML element. Naming rules: Must begin with a letter A-Z or a-z Can be followed by: letters (A-Za-z), digits (0-9), hyphens ("-"), and underscores ("_")

Value

Description

classname

Specifies one or more class names for an element. To specify multiple classes, separate the class names with a space, e.g. <span class="left important">. This allows you to combine several CSS classes for one HTML element.

Naming rules:

Must begin with a letter A-Z or a-z
Can be followed by: letters (A-Za-z), digits (0-9), hyphens ("-"), and underscores ("_")

Plus d'exemples

Exemple

Ajoutez plusieurs classes à un élément HTML :

<!DOCTYPE html>
<html>
<head>
<style>
h1.intro {
color: blue;
text-align: center;
}

.important {
background-color: yellow;
}
</style>
</head>
<body>

<h1 class="intro important">Header 1</h1>
<p>A paragraph.</p>

</body>
</html>