Atributo de classe HTML

❮ Anterior Atributos Globais HTML Próximo ❯

Exemplo

Uso do atributo class em um documento 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>

Mais exemplos de "Experimente você mesmo" abaixo.

Definição e uso

O classatributo especifica um ou mais nomes de classe para um elemento.

O classatributo é usado principalmente para apontar para uma classe em uma folha de estilo. No entanto, também pode ser usado por um JavaScript (através do HTML DOM) para fazer alterações em elementos HTML com uma classe especificada.

Suporte ao navegador

Attribute
class	Yes	Yes	Yes	Yes	Yes

Sintaxe

<element class="classname">

Valores de atributo

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

Mais exemplos

Exemplo

Adicione várias classes a um elemento 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>