HTML class Global Attribute

Description

The global attribute class specifies one or more class names for the element (indicates a class in the style sheet). It can also be used in JavaScript to make changes to HTML elements with the specified class.

To specify several class names for one element, it is necessary to list the class names in order, separated by a space.

Some rules for naming classes:

Use only letters of the alphabet (AZ, az), numbers, hyphens, underscores.
The name after the period must always begin with a character (wrong: .50cent , .-container ).
Case sensitive when naming style classes, as they are sensitive to this and very vulnerable ( .container and .Container are different classes).

Syntax

.classname { ... }

Values

classnameA name used to assign to the class. Use only letters of the alphabet (AZ, az), numbers, hyphens, underscores.

Example

HTML

<!DOCTYPE html>
<html>
<head>
   <title>Global class attribute</title>
<style> 
.main {
   text-align:center;
   color:red;
}
.index {
   color:blue;
}
</style>
</head>
<body>
   <h1 class="main">The first level heading.</h1>
   <p class="index">A paragraph with an assigned class.</p>
   <p>A paragraph without an assigned class.</p>
</body>
</html>

Result

Browser Support

Desktop

Yes	12	Yes	32	Yes	Yes

Tablets / Mobile

Yes	Yes	32	Yes	Yes	Yes

Share this Page

If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu