HTML klas kenmerk

❮ Vorige HTML globale kenmerke Volgende ❯

Voorbeeld

Gebruik van die klaskenmerk in 'n HTML-dokument:

<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 dit self" voorbeelde hieronder.

Definisie en gebruik

Die classkenmerk spesifiseer een of meer klasname vir 'n element.

Die classkenmerk word meestal gebruik om na 'n klas in 'n stylblad te wys. Dit kan egter ook deur 'n JavaScript (via die HTML DOM) gebruik word om veranderinge aan HTML-elemente met 'n gespesifiseerde klas aan te bring.

Blaaierondersteuning

Attribute
class	Yes	Yes	Yes	Yes	Yes

Sintaksis

<element class="classname">

Eienskapwaardes

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 voorbeelde

Voorbeeld

Voeg verskeie klasse by een 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>