Све - ЦСС-трикови

Anonim

allИмовина у ЦСС ресетује све својстава одабрани елемент је, осим directionи unicode-bidiимовине која контрола текст правца.

.module ( all: unset; )

Поента је омогућавање ресетовања стилова на нивоу компоненти. Понекад је много лакше започети од нуле са стајлингом, него се борити против свега што је већ ту.

Вредности

  • initial: ресетује сва својства изабраног елемента на њихове почетне вредности како су дефинисане у ЦСС спецификацији.
  • inherit: изабрани елемент наслеђује сав стил свог надређеног елемента, укључујући стилове који обично нису наследни.
  • unset: изабрани елемент наслеђује све наследне вредности које се преносе из надређеног елемента. Ако није доступна наследна вредност, почетна вредност из ЦСС спецификације користи се за свако својство.

Неколико својстава нема почетну вредност која је експлицитно дефинисана у спецификацији и уместо тога дозвољава корисничком агенту да постави почетну вредност - colorи то font-familyсу два примера. Ако је all: initial;или all: unset;је примењено, подразумевана вредност корисничког агента користи се као initialвредност за ова својства.

allсматра се „скраћеним“ својством, јер нам омогућава да контролишемо вредности сваког својства ЦСС-а одједном једном декларацијом. Међутим, за разлику од већине стенографских својстава, не постоји практична „дугорочна“ верзија и нема под-својства.

Демо

Погледајте картицу ЦСС за коментаре који указују која су својства наследна. Приметимо да када inheritсе користи вредност, divнаслеђује све имовине од свог родитеља, укључујући и то width, paddingи borderкоји се обично не наследио.

Погледајте демо оловке за сву имовину компаније ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

Више информација

  • all у В3Ц ЦСС Цасцадинг анд Инхеританце Левел 4 Едитор'с Драфт
  • Табела са потпуним својствима ЦСС2: приказује наследљивост свих својстава ЦСС2. Спецификација ЦСС3 подељена је на више делова и индексирана је у Табели спецификација.
  • Упознавање са почетним: више детаља о initialвредности.
  • Ресетовање стила помоћу „алл: унсет“ у Фирефоку 27 (2013), Цамерон МцЦормацк

Подршка прегледача

Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.

Десктоп

Хром Фирефок ИЕ Ивица Сафари
37 27 Не 79 9.1

Мобиле / Таблет

Андроид Цхроме Андроид Фирефок Андроид иОС Сафари
88 85 4.4.3-4.4.4 9.3