Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

<style> Etiketi

<style> Etiketi

<style> etiketi belgeyi biçimlendirmede kullanılır.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam28341951
Bugün1064

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

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

<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> etiketinde scoped özniteliği kullanılmadığı sürece, yalnızca <head> etiketi içinde yazılmak zorundadır.
  • <style> etiketinde scoped ö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.

HTML
CSS
Javascript
Sonuç
<!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

MasaüstüTaşınabilir
Tarayıcı →Öznitelik ↓
Temel Destek1.0 (<=1.7)VarVar1.0Var
scoped21.0 (21.0) [1]YokYok20.0 / 20.0 [2]Yok
Tarayıcı →Öznitelik ↓
Temel Destek1.0 (1.0)VarVarVarVar
scoped25.0 / 25.0 [1]YokYok?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ı !

Kaynak: Mozilla Geliştirici Ağı - MDN 10 Yaşında - CC-BY-SA 2.5

Ö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 ve print'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> etiketinin MIME türünü belirtir.
title
<style> etiketinin alternatif biçim dosyası setini belirtir.
Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
<style> Etiketi