v2.1.1
Giriş yap

CSS'de all Özelliği

CSS3

Elemanın tüm css özelliklerini başlangıçtaki ya da devralınmış özelliklerine geri döndürür.

Yapısı (Syntax)all: initial | inherit | unset;
JavaScript Yapısı object.style.all="initial"
Animasyon Özellikleri Uygulanabilir Hayır (Daha fazla detay)

Değerler

Değer Açıklama Versiyon
initial Tüm özellikleri başlangıç değerine döndürür yani sıfırlar. CSS3
inherit Tüm özellikleri üst nesnesinden devraldığı değerlere döndürür. CSS3
unset Tüm özellikleri üst nesnesinden devralıyorsa ona, almıyorsa varsayılan değerlerine geri döndürür. CSS3

Örnekler

Tüm değerlerini tek bir örnekte açıklamak gerekirse;

<style>
    html {
        color: blue;
    }
    .test {
        background: red;
        color: yellow;
        direction: rtl;
    }
    .test.initial {
        all: initial;
    }
    .test.inherit {
        all: inherit;
    }
    .test.unset {
        all: unset;
    }
</style>

<div class="test">bu bir testtir.</div>
<div class="test initial">bu bir testtir.</div>
<div class="test inherit">bu bir testtir.</div>
<div class="test unset">bu bir testtir.</div>

Tarayıcı Desteği

  Chrome Firefox Edge Internet Explorer Opera Safari
all 37 27 79 24 9.1
revert 1 67 84 70 9.1
Destekliyor
Desteklemiyor
tayfunerbilen
21 gün önce eklendi.
Github'da Düzenle
Önceki max-width Sonraki backdrop-filter