Örnek
Kullanımına class bir HTML belgesindeki özniteliği:
<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>
Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
class niteliği bir eleman için bir veya daha fazla classnames belirtir.
class özelliği, çoğunlukla bir biçembentteki bir sınıf işaret etmek için kullanılır. Ancak, aynı zamanda bir JavaScript tarafından kullanılabilir (via the HTML DOM) Belirtilen sınıf ile HTML öğelerine değişiklik yapma.
Tarayıcı Desteği
| nitelik | |||||
|---|---|---|---|---|---|
| class | Evet | Evet | Evet | Evet | Evet |
HTML 4.01 ve HTML5 Arasındaki Farklar
HTML5'de class özelliği kullanılabilir any HTML elemanı (herhangi bir HTML elemanı üzerinde doğrular. Bununla birlikte, mutlaka faydalı değildir).
HTML 4.01 yılında class niteliği ile kullanılamaz: <base>, <head>, <html>, <meta>, <param>, <script>, <style> ve <title> .
Sözdizimi
< Özellik Değerleri değer Açıklama classname Bir element için bir veya daha fazla sınıf adlarını belirtir. Birden sınıfları belirtmek bir boşlukla sınıf adlarını ayırmak için, örneğin <span class="left important"> . Bu şekilde tek bir HTML öğesi için çeşitli CSS sınıfları birleştirmek sağlar. kuralları Adlandırma:
- Bir harf ile başlaması gerekir AZ veya az
- Ardından edilebilir: harfleri (A-Za-z) , basamak (0-9) , tire ("-") ve alt ("_")
- HTML'de, tüm değerler harf duyarsız
Diğer Örnekler
Örnek
bir HTML öğesine birden sınıfları 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> Kendin dene "
İlgili Sayfalar
HTML Eğitimi: HTML Özellikleri
CSS Eğitimi: CSS Seçiciler
CSS Referans: CSS .class Seçici
HTML DOM Referans: HTML DOM getElementsByClassName() Metodu
HTML DOM Referans: HTML DOM className Mülkiyet
HTML DOM Referans: HTML DOM classList Mülkiyet
HTML DOM Referans: HTML DOM Stil Nesne