Thuộc tính lớp HTML

❮ Trước đó Thuộc tính toàn cầu HTML Tiếp theo ❯

Thí dụ

Sử dụng thuộc tính lớp trong tài liệu 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>

Thêm các ví dụ "Hãy tự mình thử" bên dưới.

Định nghĩa và Cách sử dụng

Thuộc classtính chỉ định một hoặc nhiều tên lớp cho một phần tử.

Thuộc classtính này chủ yếu được sử dụng để trỏ đến một lớp trong biểu định kiểu. Tuy nhiên, nó cũng có thể được sử dụng bởi JavaScript (thông qua HTML DOM) để thực hiện các thay đổi đối với các phần tử HTML với một lớp được chỉ định.

Hỗ trợ trình duyệt

Attribute
class	Yes	Yes	Yes	Yes	Yes

Cú pháp

<element class="classname">

Giá trị thuộc tính

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

Các ví dụ khác

Thí dụ

Thêm nhiều lớp vào một phần tử 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>