From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/css/all/index.html | 169 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 169 insertions(+) create mode 100644 files/ja/web/css/all/index.html (limited to 'files/ja/web/css/all/index.html') diff --git a/files/ja/web/css/all/index.html b/files/ja/web/css/all/index.html new file mode 100644 index 0000000000..a65d37fcf5 --- /dev/null +++ b/files/ja/web/css/all/index.html @@ -0,0 +1,169 @@ +--- +title: all +slug: Web/CSS/all +tags: + - CSS + - CSS カスケードと継承 + - CSS プロパティ + - Reference + - all +translation_of: Web/CSS/all +--- +
{{CSSRef}}
+ +

CSS の all 一括指定プロパティは、要素のすべてのプロパティを ({{cssxref("unicode-bidi")}} および {{cssxref("direction")}} を除いて) 初期化します。プロパティは初期値または継承値、または他のスタイルシートに由来して指定した値に設定される可能性があります。

+ +
{{EmbedInteractiveExample("pages/css/all.html")}}
+ + + +

構文

+ +
/* グローバル値 */
+all: initial;
+all: inherit;
+all: unset;
+
+/* CSS カスケードと継承 Level 4 */
+all: revert;
+
+ +

all プロパティは、 CSS のグローバルキーワード値のうちの一つで定義します。なお、これらの値は {{cssxref("unicode-bidi")}} および {{cssxref("direction")}} プロパティには影響しません。

+ +

値

+ +
+
{{cssxref("initial")}}
+
その要素のすべてのプロパティを初期値に変更するべきであることを指定します。
+
{{cssxref("inherit")}}
+
その要素のすべてのプロパティを継承値に変更するべきであることを指定します。
+
{{cssxref("unset")}}
+
その要素のすべてのプロパティを、既定値が inherit のものは継承値に、そうでなければ初期値に変更するべきであることを指定します。
+
{{cssxref("revert")}}
+
宣言が所属するスタイルシートの出所に応じて動作を指定します。 +
+
ユーザーエージェントのスタイルシート
+
unset と同等です。
+
ユーザーのスタイル
+
カスケードをユーザーエージェントレベルまでロールバックし、指定値が、その要素に対して作者レベルまたはユーザーレベルの規則が指定されていないかのように計算されるようにします。
+
作者のスタイル
+
カスケードをユーザーのレベルまでロールバックし、作者レベルの規則が要素に指定されていない場合は、指定値が計算されます。 revert の用途では、作者のオリジンはオーバーライドおよびアニメーションのオリジンが含まれます。
+
+
+
+ +

形式文法

+ +
{{csssyntax}}
+ +

例

+ +

HTML

+ +
<blockquote id="quote">
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+</blockquote>
+Phasellus eget velit sagittis.
+ +

CSS

+ +
body {
+  font-size: small;
+  background-color: #F0F0F0;
+  color: blue;
+}
+
+blockquote {
+  background-color: skyblue;
+  color: red;
+}
+
+ +

結果

+ +
+

all プロパティなし

+ + + + +{{EmbedLiveSample("ex0", "200", "125")}} + +

{{HTMLElement("blockquote")}} は、特定の背景色と文字色と一緒に、ブラウザーの標準スタイルを使用します。blockquoteはブロック要素のようにふるまいます。これに続くテキストはその下にあります。

+
+ +
+

all:unset

+ + + + +{{EmbedLiveSample("ex1", "200", "125")}} + +

{{HTMLElement("blockquote")}} はブラウザーの標準スタイルを使用しません。 blockquote はインライン要素 (初期値) であり、 {{cssxref("background-color")}} は transparent (初期値) ですが、 {{cssxref("font-size")}} は small (継承された値) のままで、かつ {{cssxref("color")}}はblue (継承された値) です。

+
+ +
+

all:initial

+ + + + +{{EmbedLiveSample("ex2", "200", "125")}} + +

{{HTMLElement("blockquote")}} はブラウザーの標準スタイルを使用しません。 blockquote はインライン要素 (初期値) であり、{{cssxref("background-color")}}はtransparent (初期値)、{{cssxref("font-size")}}はnormal (初期値)、且つ{{cssxref("color")}}は black (初期値)です。

+
+ +
+

all:inherit

+ + + + +{{EmbedLiveSample("ex3", "200", "125")}} + +

{{HTMLElement("blockquote")}} はブラウザーの標準スタイルを使用しません。blockquoteはブロック要素 (blockquoteを含んでいる{{HTMLElement("div")}}から継承された値)であり、{{cssxref("background-color")}}はtransparent(初期値)、{{cssxref("font-size")}}はsmall (継承された値)、且つ {{cssxref("color")}}はblue (継承された値)です。

+
+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{ SpecName('CSS4 Cascade', '#all-shorthand', 'all') }}{{ Spec2('CSS4 Cascade') }}revert の値を追加。
{{ SpecName('CSS3 Cascade', '#all-shorthand', 'all') }}{{ Spec2('CSS3 Cascade') }}初回定義
+ +

{{cssinfo}}

+ +

ブラウザーの対応

+ + + +

{{Compat("css.properties.all")}}

+ +

関連情報

+ +

CSS のグローバルキーワード値: {{cssxref("initial")}}, {{cssxref("inherit")}}, {{cssxref("unset")}}, {{cssxref("revert")}}

-- cgit v1.2.3-54-g00ecf