Mar. 7th,2018
プロパティについて
＃
概要
| 初期値 | 一括指定が対象とする各プロパティの定義に依る |
| 適用対象 | 一括指定が対象とする各プロパティの定義に依る |
| 継承 | 一括指定が対象とする各プロパティの定義に依る |
| パーセント値 | 一括指定が対象とする各プロパティの定義に依る |
| 計算値 | 一括指定が対象とする各プロパティの定義に依る |
| アニメーション | 一括指定が対象とする各プロパティの定義に依る |
“all”プロパティはすべてのプロパティの設定をリセットするための一括指定プロパティです。
親要素、祖先要素から要素に継承されるスタイルをリセットするために使用することができます。
“all”プロパティの値にはCSSの共通キーワードのみ指定できます。
サンプルコード
div { all: border-box;}
＃
＃
使用例
＃
初期値を使用する
.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>
彼女は次のように記していた。
冬はつとめて。雪の降りたるは、いふべきにもあらず。霜などのいと白きも、またさらでも いと寒きに、火など急ぎおこして、炭持てわたるも、いとつきづきし。昼になりて、ぬるくゆるびもていけば、炭櫃・火桶の火も、白き灰がちになりぬるは わろし。
つまり冬で一番良い時間は早朝であるということだ。
