HTML sınıfı Özelliği

❮ Önceki HTML Genel Nitelikleri Sonraki ❯

Örnek

Bir HTML belgesinde class niteliğinin kullanımı:

<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>

Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.

Tanım ve Kullanım

Nitelik class, bir öğe için bir veya daha fazla sınıf adını belirtir.

Nitelik classçoğunlukla bir stil sayfasındaki bir sınıfa işaret etmek için kullanılır. Ancak, belirli bir sınıfa sahip HTML öğelerinde değişiklik yapmak için bir JavaScript (HTML DOM aracılığıyla) tarafından da kullanılabilir.

Tarayıcı Desteği

Attribute
class	Yes	Yes	Yes	Yes	Yes

Sözdizimi

<element class="classname">

Özellik Değerleri

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

Daha fazla örnek

Örnek

Bir HTML öğesine birden çok sınıf ekleyin:

<!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>