--- title: unset slug: Web/CSS/unset tags: - CSS - CSS カスケードと継承 - CSS 値 - Keyword - Layout - Reference - Style - unset - スタイル - レイアウト translation_of: Web/CSS/unset ---
{{CSSRef}}

unset は CSS のキーワードで、プロパティをリセットし、親から自然に継承された場合は継承値、そうでなければ初期値を設定します。言い換えれば、前者の継承プロパティの場合は {{cssxref("inherit")}} キーワードのように動作し、後者の非継承プロパティの場合は {{cssxref("initial")}} キーワードのように動作します。

unset はあらゆる CSS プロパティに対して、一括指定の {{cssxref("all")}} を含み、適用することができます。

例

色

HTML

<p>このテキストは赤です。</p>
<div class="foo">
  <p>このテキストも赤です。</p>
</div>
<div class="bar">
  <p>このテキストは緑色 (既定の継承値) です。</p>
</div>

CSS

.foo {
  color: blue;
}
.bar {
  color: green;
}

p {
  color: red;
}
.bar p {
  color: unset;
}

結果

{{ EmbedLiveSample('Color') }}

境界線

HTML

<p>This text has a red border.</p>
<div>
  <p>This text has a red border.</p>
</div>
<div class="bar">
  <p>This text has a black border (initial default, not inherited).</p>
</div>

CSS

div {
  border: 1px solid green;
}

p {
  border: 1px solid red;
}

.bar p {
  border-color: unset;
}

結果

{{ EmbedLiveSample('Border', 'auto', 200) }}

仕様書

仕様書 状態 備考
{{ SpecName('CSS4 Cascade', '#inherit-initial', 'unset') }} {{ Spec2('CSS4 Cascade') }} Level 3 から変更なし。
{{ SpecName('CSS3 Cascade', '#inherit-initial', 'unset') }} {{ Spec2('CSS3 Cascade') }} 初回定義。

ブラウザーの互換性

{{Compat("css.types.global_keywords.unset")}}

関連情報