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-2d/index.html | 38 ------------ .../web/css/@media/-webkit-transform-2d/index.md | 68 ++++++++++++++++++++++ 2 files changed, 68 insertions(+), 38 deletions(-) delete mode 100644 files/ja/web/css/@media/-webkit-transform-2d/index.html create mode 100644 files/ja/web/css/@media/-webkit-transform-2d/index.md (limited to 'files/ja/web/css/@media/-webkit-transform-2d') diff --git a/files/ja/web/css/@media/-webkit-transform-2d/index.html b/files/ja/web/css/@media/-webkit-transform-2d/index.html deleted file mode 100644 index 718c2ff762..0000000000 --- a/files/ja/web/css/@media/-webkit-transform-2d/index.html +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: '-webkit-transform-2d' -slug: Web/CSS/@media/-webkit-transform-2d -tags: - - '@media' - - CSS - - WebKit 拡張 - - メディア特性 - - リファレンス - - 標準外 -translation_of: Web/CSS/@media/-webkit-transform-2d ---- -
{{ Non-standard_header }}
- -

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

- -
-

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

-
- -

仕様書

- -

仕様書では定義されていません。 Apple には Safari CSS Reference に説明があります。

- -

ブラウザーの対応

- -

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

- -

関連情報

- - - -
{{ CSSRef }}
diff --git a/files/ja/web/css/@media/-webkit-transform-2d/index.md b/files/ja/web/css/@media/-webkit-transform-2d/index.md new file mode 100644 index 0000000000..86a1152a34 --- /dev/null +++ b/files/ja/web/css/@media/-webkit-transform-2d/index.md @@ -0,0 +1,68 @@ +--- +title: '-webkit-transform-2d' +slug: Web/CSS/@media/-webkit-transform-2d +tags: + - '@media' + - CSS + - 標準外 + - リファレンス + - WebKit + - メディア特性 +browser-compat: css.at-rules.media.-webkit-transform-2d +translation_of: Web/CSS/@media/-webkit-transform-2d +--- +{{ Non-standard_header }} + +**`-webkit-transform-2d`** は [CSS](/ja/docs/Web/CSS) の論理[メディア特性](/ja/docs/Web/CSS/@media#メディア特性) で [Chrome 拡張](/ja/docs/Web/CSS/WebKit_Extensions)であり、ベンダー接頭辞付きの CSS の二次元 {{cssxref("transform")}} に対応していれば値が `true` になります。 + +Apple には [Safari CSS リファレンス](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/OtherStandardCSS3Features.html#//apple_ref/doc/uid/TP40007601-SW3)に説明があります。 + +## 構文 + +`-webkit-transform-2d` は [CSS](/ja/docs/Web/CSS) の論理[メディア特性](/ja/docs/Web/CSS/@media#メディア特性) で [Chrome 拡張](/ja/docs/Web/CSS/WebKit_Extensions)であり、 `-webkit` 接頭辞付きの CSS の二次元 {{cssxref("transform")}} に対応していれば値が `true` になります。 + +### 値 + +- `true` + - : ブラウザーは二次元の CSS 座標変換に `-webkit` の接頭辞つきで対応しています。 +- `false` + - : 二次元の CSS 座標変換で `-webkit` の接頭辞が付いたものはブラウザーが対応していません。 + +## 例 + +### 基本的な例 + +```css +@media (-webkit-transform-2d) { + div { + -webkit-transform: translate(100px, 100px); + } +} +``` + +このメディア機能は WebKit でのみ対応しています。可能であれば、代わりに {{cssxref("@supports")}} 機能クエリを使用してください。 + +```css +@supports (-webkit-transform: translate(100px, 100px)) { + div { + -webkit-transform: translate(100px, 100px); + } +} +``` + +## 仕様書 + +どの標準でも定義されていません。 + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{cssxref("@media/-webkit-transform-3d", "-webkit-transform-3d")}} +- {{cssxref("@media/-webkit-transition", "-webkit-transition")}} +- {{cssxref("@media/-webkit-animation", "-webkit-animation")}} +- [Test page at quirksmode.org](https://www.quirksmode.org/css/tests/mediaqueries/animation.html) + +{{ CSSRef }} -- cgit v1.2.3-54-g00ecf