Semua - Trik CSS

Anonim

The allharta di CSS mengeset semula semua hartanah elemen yang dipilih, kecuali directiondan unicode-bidisifat-sifat yang arah kawalan teks.

.module ( all: unset; )

Maksudnya adalah untuk menetapkan semula gaya tahap komponen. Kadang-kadang jauh lebih mudah untuk memulakan dari awal dengan gaya daripada melawan semua yang sudah ada.

Nilai

  • initial: mengatur semula semua sifat elemen yang dipilih ke nilai awal seperti yang ditentukan dalam spesifikasi CSS.
  • inherit: elemen yang dipilih mewarisi semua gaya elemen induknya, termasuk gaya yang biasanya tidak dapat diwarisi.
  • unset: elemen yang dipilih mewarisi sebarang nilai warisan yang diturunkan dari elemen induk. Sekiranya tidak ada nilai yang boleh diwarisi, nilai awal dari spesifikasi CSS digunakan untuk setiap harta tanah.

Sebilangan sifat tidak mempunyai nilai awal yang dinyatakan secara jelas dalam spesifikasi dan sebaliknya membenarkan ejen pengguna menetapkan nilai awal - colordan font-familymerupakan dua contoh. Sekiranya all: initial;atau all: unset;digunakan, nilai lalai ejen pengguna digunakan sebagai initialnilai untuk sifat ini.

alldianggap sebagai harta "pendek" kerana ia membolehkan kita mengawal nilai setiap harta CSS sekaligus dengan satu deklarasi. Namun, tidak seperti kebanyakan sifat pendek, tidak ada versi praktikal "longhand" dan tidak mempunyai sub-sifat.

Demo

Lihat tab CSS untuk komen yang menunjukkan sifat mana yang boleh diwarisi. Perhatikan bahawa apabila inheritnilai digunakan, divmewarisi tiap-tiap harta daripada ibu bapa, termasuk ia width, paddingdan border, yang biasanya tidak diwarisi.

Lihat demo harta tanah Pen oleh CSS-Tricks (@ css-tricks) di CodePen.

Maklumat lanjut

  • all dalam Draf W3C CSS Cascading and Inheritance Level 4 Editor
  • Jadual Harta Penuh CSS2: menunjukkan warisan semua harta CSS2. Spesifikasi CSS3 dibahagikan kepada beberapa bahagian dan diindeks pada Jadual Spesifikasi.
  • Mengenal Awal: lebih terperinci mengenai initialnilai.
  • Menetapkan semula gaya menggunakan 'all: unset' di Firefox 27 (2013) oleh Cameron McCormack

Sokongan Penyemak Imbas

Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.

Desktop

Chrome Firefox IE Hujung Safari
37 27 Tidak 79 9.1

Mudah Alih / Tablet

Android Chrome Android Firefox Android Safari iOS
88 85 4.4.3-4.4.4 9.3