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>

Editörde Görüntüle

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

1501 gün önce eklendi - 5339 kez görüntülendi.

Github'da Düzenle