From 69de90014cbebf425786e59bc3b125a860d463e8 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 7 Dec 2021 11:33:37 +0900 Subject: CSS メディアクエリーに関する記事を修正 (#3220) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Glossary/Forbidden_header_name の変換準備 * Glossary/Forbidden_header_name を更新 - 2021/10/18 時点の英語版に同期 * Web/CSS/font-smooth を新規翻訳 - 2021/08/13 時点の英語版に同期 * Glossary/Forbidden_header_name の変換準備 * Glossary/Forbidden_header_name を更新 - 2021/10/18 時点の英語版に同期 * メディアクエリーのトップページを更新準備 * 2021/08/13 時点の英語版に同期 リダイレクトを修正 * 2021/10/22 時点の英語版に同期 * メディアクエリー関係のガイドを変換準備 * 2021/10/22 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * メディア特性の文書の変換準備 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/09/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 -webkit-device-pixel-ratio の追加修正 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * メディアクエリー関係の文書へのリンクを修正 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/11/16 時点の英語版に同期 * 2021/10/04 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 * 2021/08/13 時点の英語版に同期 --- .../web/css/@media/-webkit-transform-3d/index.html | 73 ---------------------- .../web/css/@media/-webkit-transform-3d/index.md | 67 ++++++++++++++++++++ 2 files changed, 67 insertions(+), 73 deletions(-) delete mode 100644 files/ja/web/css/@media/-webkit-transform-3d/index.html create mode 100644 files/ja/web/css/@media/-webkit-transform-3d/index.md (limited to 'files/ja/web/css/@media/-webkit-transform-3d') diff --git a/files/ja/web/css/@media/-webkit-transform-3d/index.html b/files/ja/web/css/@media/-webkit-transform-3d/index.html deleted file mode 100644 index 62650ee16c..0000000000 --- a/files/ja/web/css/@media/-webkit-transform-3d/index.html +++ /dev/null @@ -1,73 +0,0 @@ ---- -title: '-webkit-transform-3d' -slug: Web/CSS/@media/-webkit-transform-3d -tags: - - '@media' - - CSS - - WebKit 拡張 - - メディア特性 - - リファレンス - - 標準外 -translation_of: Web/CSS/@media/-webkit-transform-3d ---- -
{{ Non-standard_header }}
- -

CSS の -webkit-transform-3d メディア特性 は Chrome 拡張で、真偽値型であり、ベンダー接頭辞付きの CSS 3D {{cssxref("transform")}} に対応していれば値が true になります。

- -
-

メモ: このメディア特性は WebKit および Blink でのみ対応しています。可能であれば、 {{cssxref("@supports")}} 特性クエリを代わりに使用してください。

-
- -

例

- -
@media (-webkit-transform-3d) {
-  .foo {
-    transform-style: preserve-3d;
-  }
-}
-
-@media (-webkit-transform-3d: 1) {
-  .foo {
-    transform-style: preserve-3d;
-  }
-}
- -

仕様書

- - - - - - - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('Compat', '#css-media-queries-webkit-transform-3d', '-webkit-transform-3d')}}{{Spec2('Compat')}}初回の標準化
Safari CSS Reference
- 'media query extensions' in that document.		標準外の非公式文書初回定義
- -

ブラウザーの対応

- -

{{Compat("css.at-rules.media.-webkit-transform-3d")}}

- -

関連情報

- - - -
{{ CSSRef }}
diff --git a/files/ja/web/css/@media/-webkit-transform-3d/index.md b/files/ja/web/css/@media/-webkit-transform-3d/index.md new file mode 100644 index 0000000000..f792d819bc --- /dev/null +++ b/files/ja/web/css/@media/-webkit-transform-3d/index.md @@ -0,0 +1,67 @@ +--- +title: '-webkit-transform-3d' +slug: Web/CSS/@media/-webkit-transform-3d +tags: + - '-webkit-transform-3d' + - 3D + - '@media' + - CSS + - 標準外 + - リファレンス + - WebKit + - メディア特性 + - transform +browser-compat: css.at-rules.media.-webkit-transform-3d +translation_of: Web/CSS/@media/-webkit-transform-3d +--- +{{ Non-standard_header }} + +**`-webkit-transform-3d`** は [CSS](/ja/docs/Web/CSS) の論理[メディア特性](/ja/docs/Web/CSS/@media#メディア特性)で [Chrome 拡張](/ja/docs/Web/CSS/WebKit_Extensions)であり、ベンダー接頭辞付きの CSS 3D {{cssxref("transform")}} に対応していれば値が `true` になります。 + +> **Note:** このメディア特性は WebKit および Blink でのみ対応しています。可能であれば、 {{cssxref("@supports")}} 特性クエリーを代わりに使用してください。 + +## 構文 + +`-webkit-transform-3d` は [CSS](/ja/docs/Web/CSS) の論理[メディア特性](/ja/docs/Web/CSS/@media#メディア特性)で [Chrome 拡張](/ja/docs/Web/CSS/WebKit_Extensions)であり、ベンダー接頭辞付きの CSS 3D {{cssxref("transform")}} に対応していれば値が `true` になります。 + +### Values + +- `true` + - : ブラウザーは三次元の CSS 座標変換に `-webkit` の接頭辞つきで対応しています。 +- `false` + - : 三次元の CSS 座標変換で `-webkit` の接頭辞が付いたものはブラウザーが対応していません。 + +## 例 + +### -webkit-transform-3d のメディアクエリーの例 + +```css +@media (-webkit-transform-3d) { +  .foo { +  transform-style: preserve-3d; +  } +} + +@media (-webkit-transform-3d: 1) { +  .foo { +  transform-style: preserve-3d; +  } +} +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{cssxref("@media/-webkit-transform-2d", "-webkit-transform-2d")}} +- {{cssxref("@media/-webkit-transition", "-webkit-transition")}} +- {{cssxref("@media/-webkit-animation", "-webkit-animation")}} +- [Test page at quirksmode.org](http://www.quirksmode.org/css/tests/mediaqueries/animation.html) + +{{ CSSRef }} -- cgit v1.2.3-54-g00ecf