unset CSS значення

Є комбінацією ключових слів initial і inherit. Ключове слово unset встановлює значення властивості як inherit, якщо властивість успадковується від свого батька, в іншому випадку значення встановлюється як initial.

body {
  font-size: 1.5em;
}
 
.module {
  font-size: unset;
}

Різниця між unset і initial в тому, що значення, які могли бути успадковані елементом, скидаються.

Ключове слово unset скидає властивість його успадкованого значення, якщо він успадковує від батьків, а також його початкове значення, якщо ні. Іншими словами, він поводиться як наслідок ключового слова в першому випадку, і як початкове ключове слово у другому випадку. Його можна застосувати до будь-якої властивості CSS, включаючи стенограму CSS.

правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
unset	41.0	27.1	9.1	28.0	13.0

Підтримка: мобільні переглядачі

Переглядач
unset	28.0	9.3

Приклади

+ запропонувати свій приклад у пісочниці

<div class="block">
    <p class="a">Рамка червона за власним правилом.</p>
    <p class="b">border-color: unset — рамка кольору тексту.</p>
</div>

.block p {
    border: 3px solid;
    border-color: red;
    color: #0172ad;
    padding: 6px;
}

.block .b {
    border-color: unset;
}