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

Popüler yayınlar

HTML Metin Biçimlendirme Etiketleri

HTML hr Etiketi

HTML em Etiketi

CSS justify-content Özelliği

HTML pre Etiketi

HTML table Etiketi

CSS align-items özelliği

HTML menu Etiketi

CSS flex-basis Özelliği

CSS content Özelliği