HTML -klasse Attribuut

❮ Vorige Algemene HTML-kenmerken Volgende ❯

Voorbeeld

Gebruik van het class-attribuut in een HTML-document:

<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>

Meer "Probeer het zelf" voorbeelden hieronder.

Definitie en gebruik

Het classattribuut specificeert een of meer klassenamen voor een element.

Het classattribuut wordt meestal gebruikt om naar een klasse in een stylesheet te verwijzen. Het kan echter ook worden gebruikt door een JavaScript (via de HTML DOM) om wijzigingen aan te brengen in HTML-elementen met een opgegeven klasse.

Browserondersteuning

Attribute
class	Yes	Yes	Yes	Yes	Yes

Syntaxis

<element class="classname">

Attribuutwaarden

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 ("_")

Meer voorbeelden

Voorbeeld

Voeg meerdere klassen toe aan één HTML-element:

<!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>