HTML style Etiketi
<style> Etiketi
Örnek
<style> elementinin bir HTML belgesinde kullanımı:
<head>
<style>
h1 {color:green;}
p {color:red;}
</style>
</head>
<body>
<h1>Bu bir başlık</h1>
<p>Bu bir paragraf...</p>
</body>
</html>
<style> Tanımı ve Kullanımı
<style> etiketi HTML belgesi için stil bilgisi olarak tanımlanır.
<style> elementi içerisinde HTML öğelerinin nasıl çalışıp, görüntüleneceklerini belirleyebilirsiniz.
Her bir HTML belgesi çoklu <style> etiketleri içerebilir.
Tarayıcı Desteği
| Element | ||||||
|---|---|---|---|---|---|---|
| <style> | Var | Var | Var | Var | Var | Var |
İpuçları ve Notlar
İpucu: Harici/dış kaynaklı bir stil sayfasına bağlanmak için <link> etiketini kullanabilirsiniz.
İpucu: Stil sayfaları hakkında daha fazlasını öğrenmek için CSS Eğitim sayfamızı inceleyebilirsiniz.
Not: Eğer "scoped" özelliği kullanılmamışsa her bir <style> etiketi head bölümünde kullanılmalıdır.
HTML 4.01 ile HTML5 arasındaki farklar
Belgenin belirli bir bölümü için stil tanımlama imkanı sağlayan "scoped" özelliği HTML5'te yenidir. Eğer "scoped" özelliği mevcutsa, stiller sadece style öğesinin ebeveyn öğesine ve o öğenin çocuk öğelerine uygulanır.
Özellikler
= HTML5'te yeni.
| Özellik | Değer | Tanım |
|---|---|---|
| media | media_query | Medya kaynağının hangi ortam/aygıt için optimize edileceğini tanımlar. |
| scoped | scoped | Stillerin sadece bu elementin ebeveyn elementine ve o elementin çocuk öğelerine uygulanacağını belirtir. |
| type | text/css | <style> etiketinin medya türünü tanımlar. |
Standart Özellikler
<style> etiketi Standart Özellikleri desteklemektedir.
HTML Standart Özellikler'i inceleyebilirsiniz.
Olay Özellikleri
<style> etiketi Olay Özelliklerini desteklemektedir.
HTML Olay Özellikleri'ni inceleyebilirsiniz.
Yorumlar
Yorum Gönder