Hepsi - CSS Hileleri | CSS Almanak 2024

allCSS özellik haricinde seçilen öğenin tüm özelliklerini sıfırlar directionve unicode-bidiözellikleri bu kontrol metin yönü.

.module ( all: unset; )

Bunun amacı, stillerin bileşen düzeyinde sıfırlanmasına izin vermektir. Bazen, zaten var olan her şeye karşı savaşmaktansa sıfırdan stil ile başlamak çok daha kolaydır.

Değerler

initial: seçili öğenin tüm özelliklerini, CSS spesifikasyonunda tanımlandığı gibi başlangıç değerlerine sıfırlar.
inherit: seçilen öğe, normalde devralınamayan stiller dahil, tüm üst öğesinin stilini devralır.
unset: seçilen öğe, üst öğeden aktarılan devralınabilir değerleri devralır. Devralınabilir bir değer yoksa, her özellik için CSS spesifikasyonundaki ilk değer kullanılır.

Birkaç özellik, spesifikasyonda açıkça tanımlanmış bir başlangıç değerine sahip değildir ve bunun yerine kullanıcı aracısının başlangıç değerini ayarlamasına izin verir - colorve font-familybunlar iki örnektir. Eğer all: initial;veya all: unset;uygulanır, kullanıcı arayüzü, varsayılan değer olarak kullanılan initialbu özellikleri için değer.

allher CSS özelliğinin değerlerini tek bir bildirimle aynı anda kontrol etmemize izin verdiği için "steno" özellik olarak kabul edilir. Bununla birlikte, çoğu steno özelliğin aksine, pratik bir “uzun el” versiyonu yoktur ve alt özellikleri yoktur.

Demo

Hangi özelliklerin devralınabilir olduğunu belirten yorumlar için CSS sekmesine bakın. Ne zaman o Bildirim inheritdeğeri kullanılır divdahil üst öğesinden devralır her özellik, bu oluyor width, paddingve border, normalde miras alınmaz.

CodePen'de CSS-Tricks (@ css-tricks) tarafından yapılan Pen tüm özellik demosuna bakın.

Daha fazla bilgi

all W3C CSS Basamaklama ve Devralma Düzeyi 4 Editörün Taslağında
CSS2 Tam Özellik Tablosu: tüm CSS2 özelliklerinin kalıtılabilirliğini gösterir. CSS3 spesifikasyonu birden fazla bölüme ayrılmıştır ve Spesifikasyon Tablosunda indekslenmiştir.
Initial ile Tanışma: initialdeğer hakkında daha fazla ayrıntı .
Cameron McCormack tarafından Firefox 27'de (2013) 'all: unset' kullanılarak stili sıfırlama

Tarayıcı Desteği

Bu tarayıcı destek verileri, daha fazla ayrıntıya sahip olan Caniuse'den alınmıştır. Bir sayı, tarayıcının özelliği o sürümde ve sonrasında desteklediğini gösterir.