class özniteliği bütün HTML elementlerinin sahip olduğu bir özniteliktir.
class ile daha önceden tanımlanmış olan Css Class seçici adı bu özniteliğe atanır.
<!DOCTYPE html>
<html>
<head>
<style>
.kutu {
background-color: green;
color: white;
margin: 10px 0 20px 0;
padding: 10px;
width:200px;
height:200px;
}
</style>
</head>
<body>
<div class="kutu">
<p>Kutu 1</p>
Bu div ile hazırlanmış bir kutudur.
</div>
<div class="kutu">
<p>Kutu 2</p>
Bu div ile hazırlanmış bir kutudur.
</div>
<div class="kutu">
<p>Kutu 3</p>
Bu div ile hazırlanmış bir kutudur.
</div>
</body>
</html>
class özniteliği hem blok seviye hem de satıriçi elementlerde kullanılabilir.
Bir HTML elementine birden fazla class değeri vermek mümkündür.
Örneğin class="baslik kirmizi" gibi birden fazla class adı arada boşluk bırakılarak yazılabilir.