このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

all:スタイルのリセットCSS3で追加

記事Mar. 7th,2018
要素のすべてのプロパティをリセットするプロパティ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

プロパティについて

概要

初期値 一括指定が対象とする各プロパティの定義に依る
適用対象 一括指定が対象とする各プロパティの定義に依る
継承 一括指定が対象とする各プロパティの定義に依る
パーセント値 一括指定が対象とする各プロパティの定義に依る
計算値 一括指定が対象とする各プロパティの定義に依る
アニメーション 一括指定が対象とする各プロパティの定義に依る

all”プロパティはすべてのプロパティの設定をリセットするための一括指定プロパティです。

親要素、祖先要素から要素に継承されるスタイルをリセットするために使用することができます。

all”プロパティの値にはCSSの共通キーワードのみ指定できます。

サンプルコード

div { all: border-box;}

説明
initial 初期値を使用する
inherit 継承値を使用する
unset 既定で継承されるスタイルは継承値、継承されないスタイルは初期値を使用する
revertCSS Cascading and Inheritance Level 4 で追加 ユーザー・エージェント、もしくはユーザーの既定値を使用する

使用例

初期値を使用する

.box-outer {
border: solid 5px #483d8b; /**/
color: #db7093; /**/
font: italic bold 1.5em "游明朝","ヒラギノ明朝",serif;
}
.box-inner {
all: initial;
}
<div class="box-outer">
<p>
彼女は次のように記していた。
</p>
<blockquote class="box-inner">
冬はつとめて。雪の降りたるは、いふべきにもあらず。霜などのいと白きも、またさらでも いと寒きに、火など急ぎおこして、炭持てわたるも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、炭櫃・火桶の火も、白き灰がちになりぬるは わろし。
</blockquote>
<p>
つまり冬で一番良い時間は早朝であるということだ。
</p>
</div>

彼女は次のように記していた。

冬はつとめて。雪の降りたるは、いふべきにもあらず。霜などのいと白きも、またさらでも いと寒きに、火など急ぎおこして、炭持てわたるも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、炭櫃・火桶の火も、白き灰がちになりぬるは わろし。

つまり冬で一番良い時間は早朝であるということだ。

継承値を使用する

.box-outer {
border: solid 5px #483d8b; /**/
color: #db7093; /**/
font: italic bold 1.5em "游明朝","ヒラギノ明朝",serif;
}
.box-inner {
all: inherit;
}
<div class="box-outer">
<p>
彼女は次のように記していた。
</p>
<blockquote class="box-inner">
冬はつとめて。雪の降りたるは、いふべきにもあらず。霜などのいと白きも、またさらでも いと寒きに、火など急ぎおこして、炭持てわたるも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、炭櫃・火桶の火も、白き灰がちになりぬるは わろし。
</blockquote>
<p>
つまり冬で一番良い時間は早朝であるということだ。
</p>
</div>

彼女は次のように記していた。

冬はつとめて。雪の降りたるは、いふべきにもあらず。霜などのいと白きも、またさらでも いと寒きに、火など急ぎおこして、炭持てわたるも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、炭櫃・火桶の火も、白き灰がちになりぬるは わろし。

つまり冬で一番良い時間は早朝であるということだ。

unset

.box-outer {
border: solid 5px #483d8b; /**/
color: #db7093; /**/
font: italic bold 1.5em "游明朝","ヒラギノ明朝",serif;
}
.box-inner {
all: unset;
}
<div class="box-outer">
<p>
彼女は次のように記していた。
</p>
<blockquote class="box-inner">
冬はつとめて。雪の降りたるは、いふべきにもあらず。霜などのいと白きも、またさらでも いと寒きに、火など急ぎおこして、炭持てわたるも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、炭櫃・火桶の火も、白き灰がちになりぬるは わろし。
</blockquote>
<p>
つまり冬で一番良い時間は早朝であるということだ。
</p>
</div>

彼女は次のように記していた。

冬はつとめて。雪の降りたるは、いふべきにもあらず。霜などのいと白きも、またさらでも いと寒きに、火など急ぎおこして、炭持てわたるも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、炭櫃・火桶の火も、白き灰がちになりぬるは わろし。

つまり冬で一番良い時間は早朝であるということだ。

revert

.box-outer {
border: solid 5px #483d8b; /**/
color: #db7093; /**/
font: italic bold 1.5em "游明朝","ヒラギノ明朝",serif;
}
.box-inner {
all: revert;
}
<div class="box-outer">
<p>
彼女は次のように記していた。
</p>
<blockquote class="box-inner">
冬はつとめて。雪の降りたるは、いふべきにもあらず。霜などのいと白きも、またさらでも いと寒きに、火など急ぎおこして、炭持てわたるも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、炭櫃・火桶の火も、白き灰がちになりぬるは わろし。
</blockquote>
<p>
つまり冬で一番良い時間は早朝であるということだ。
</p>
</div>

彼女は次のように記していた。

冬はつとめて。雪の降りたるは、いふべきにもあらず。霜などのいと白きも、またさらでも いと寒きに、火など急ぎおこして、炭持てわたるも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、炭櫃・火桶の火も、白き灰がちになりぬるは わろし。

つまり冬で一番良い時間は早朝であるということだ。

一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク