HTML style Etiketi

Kasım 11, 2015

<style> Etiketi

Örnek

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

KAYNAK KODLARI	SONUÇ EKRANI
<!DOCTYPE html> <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.

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.

Bu Blogda Ara

Html5 , CSS3 ve Javascript Dersleri

Uyurken Bile Para Kazanmak İster misin