HTML style Etiketi

<style> Etiketi

Örnek

<style> elementinin bir HTML belgesinde kullanımı:

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

Bu blogdaki popüler yayınlar

HTML Resimler

HTML yorum etiketi ile öğe gizleme örneği

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek

javascript ile aciklama satiri ve haftanın gunünü bulma

CSS content Özelliği