Atribut kelas HTML

Sebelumnya _ Atribut Global HTML Selanjutnya _

Contoh

Penggunaan atribut kelas dalam dokumen 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>

Lebih banyak contoh "Coba Sendiri" di bawah ini.

Definisi dan Penggunaan

Atribut classmenentukan satu atau lebih nama kelas untuk sebuah elemen.

Atribut classini sebagian besar digunakan untuk menunjuk ke kelas dalam style sheet. Namun, itu juga dapat digunakan oleh JavaScript (melalui DOM HTML) untuk membuat perubahan pada elemen HTML dengan kelas tertentu.

Dukungan Peramban

Attribute
class	Yes	Yes	Yes	Yes	Yes

Sintaksis

<element class="classname">

Nilai Atribut

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

Lebih Banyak Contoh

Contoh

Tambahkan beberapa kelas ke satu elemen 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>