<style>
Etiketi Temel Özellikler
- Etiket Yazımı ve Etiket Kullanımı :
<style></style> <!-- Etiket hem açılıp hem de kapanmak zorunda. -->
- Örnek :
- DOM Arayüzü :
HTMLStyleElement
- Durum :
- Yaşayan Ölçün
- Öznitelikler :
- Tüm Evrensel Öznitelikler
- Açıklama :
<style>
Etiketi Kullanımı
Markanız için 300X300 alan.
<style>
etiketi belgeyi biçimlendirmede kullanılır.
<style>
etiketi belgenin nasıl görüneceği ile ilgili tasarım kodlarını tutar.<style>
etiketi birden fazla kullanılabilir.<style>
etiketindescoped
özniteliği kullanılmadığı sürece, yalnızca<head>
etiketi içinde yazılmak zorundadır.<style>
etiketindescoped
özniteliği kullanılırsa, yalnızca o ögenin atasına ve çocuklarına etki eder.
<style>
etiketinin type
özniteliği tanımlanırse geçeli bir MIME
türü olmak zorundadır. type
özniteliği tanımlanmadığı durumlarda geçerli olan öntanımlı değer text/css
'dir.
<style>
etiketinin media
özniteliği tanımlanmazsa, öntanımlı değer olan all
-hepsi- değerini alır.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>SonDevrim HTML Dersleri, İpuçları ve Örnekleri</title>
<link href="https://SonDevrim.com/görseller/favicon.ico" rel="shortcut icon" type="image/x-icon">
<style type="text/css">p{color:#f00;}</style>
</head>
<body>
<p>İçerik buraya geliyor...</p>
</body>
</html>
<style>
Etiketi Tarayıcı Desteği
Tarayıcı →Öznitelik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 1.0 (<=1.7) | Var | Var | 1.0 | Var |
scoped | 21.0 (21.0) [1] | Yok | Yok | 20.0 / 20.0 [2] | Yok |
Tarayıcı →Öznitelik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 1.0 (1.0) | Var | Var | Var | Var |
scoped | 25.0 / 25.0 [1] | Yok | Yok | ? | Yok |
[1] <style>
etiketinde :scope
sahte seçicisinin çalışması için layout.css.scope-pseudo.enabled
, true olarak ayarlanmalı !
[2] <style>
etiketinde :scope
sahte seçicisinin çalışması için chrome://flags'ta açılması kaydıyla çalışır. Deneysel amaçlı !
Öznitelikler
media
- Yayın Türü:
<style>
etiketinin (ve@medya
ve benzeri durumlarda kodların) hangi aygıt için olduğunu belirtir:braille
,embossed
,handheld
,print
,projection
,screen
,speech
,tty
,tv
.
Sınırlı sayıda Kullanıcı Ajanı tarafından desteklenir. Kullanıcı ajalarının en çok desteklediği,screen
veprint
'tir.@media
ve@import
CSS kuralları biçiminde de yazılabilirler. Daha fazla bilgi için Yayın Türleri. nonce
nonce
("number used once" - "bir kez kullanılan sayı") İçerik Güvenlik Poliçesi (Content Security Policy - CSP) tarafından kullanılır.scoped
<style>
etiketinin yalnızca o ögenin atasına ve çocuklarına etki edeceğini belirtir.type
<style>
etiketininMIME
türünü belirtir.title
<style>
etiketinin alternatif biçim dosyası setini belirtir.