HTML/Overzicht attributen/class

Uit Wikibooks

[bewerk] Functie

Met dit attribuut kun je elementen in klassen of groepen verdelen. Een element kan in één of meerdere klassen hebben. Ook mogen meerdere elementen dezelfde klassen gebruiken.

[bewerk] Waarde

De naam van een klasse moet als waarde worden meegegeven. Worden er meerdere gebruikt moeten de namen gescheiden worden door een spatie. De naam van een klasse kan kleine- en hoofdletters(A-Z en a-z), getallen(0-9) en verbindingsstreepjes (-) zijn.

[bewerk] Voorbeeld

<p>Deze alinea is niet onderverdeeld in een klasse.</p>
<p class="midden">Deze alinea krijgt als klasse "midden".</p>
<p class="midden groen">Op deze alinea worden er meerdere klassen gebruikt namelijk "midden" en "groen"</p>

Mogelijke CSS code dat kan worden toegepast op de klassen.

.midden {
        text-align: center;
        }
 
.groen  {
        color: green;
        }

Resultaat:

Deze alinea is niet onderverdeeld in een klasse.

Deze alinea krijgt als klasse "midden".

Op deze alinea worden er meerdere klassen gebruikt namelijk "midden" en "groen"

[bewerk] Wordt gebruikt bij

[bewerk] Meer informatie

• Handleiding HTML (Nederlands)
• w3schools (Engels)