Örnek
Kullanımı <style> HTML belgesindeki elemanı:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
Kendin dene " Tanımı ve Kullanımı
<style> etiketi bir HTML belgesi stil bilgilerini tanımlamak için kullanılır.
İçinde <style> elemanı HTML elemanları bir tarayıcıda işlemek nasıl belirtin.
Her HTML belgesi birden içerebilir <style> etiketlerini.
Tarayıcı Desteği
| Eleman | |||||
|---|---|---|---|---|---|
| <style> | Evet | Evet | Evet | Evet | Evet |
İpuçları ve Notlar
Tip: Harici bir stil şablonu, kullanmak için <link> etiketi.
Tip: stil sayfaları hakkında daha fazla bilgi edinmek için lütfen okuyun CSS Eğitimi .
Note: Eğer "scoped" nitelik kullanılmaz, her <style> etiketi head bölümünde yer almalıdır.
HTML 4.01 ve HTML5 Arasındaki Farklar
"scoped" nitelik belgesinin belirli bir bölümü için stilleri tanımlamanızı sağlar HTML5'e getirdiği bir yeniliktir. Eğer "scoped" bir özelliğin mevcut olup, stiller sadece stil öğenin üst elemanı ve bu elemanın alt öğeler için geçerlidir.
Nitelikler
= HTML5'teki Yeni.
| nitelik | değer | Açıklama |
|---|---|---|
| media | media_query | Etüt için optimize ne medya / aygıtı belirtir |
| scoped | scoped | stilleri yalnızca bu öğenin üst öğesine ve bu elementin alt öğeleri için geçerli olduğunu belirtir |
| type | text/css | Ortam türünü belirtir <style> etiketi |
Küresel Nitelikler
<style> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<style> etiketi de destekler Olay HTML Özellikleri .
İlgili Sayfalar
HTML öğretici: HTML CSS
CSS öğretici: CSS Eğitimi
HTML DOM referansı: Style Nesne
Varsayılan CSS Ayarları
Çoğu tarayıcı gösterecektir <style> aşağıdaki varsayılan değerlerle eleman:
style {
display: none;
}