From 4af74fec5971d772e69741c47447d84c18d723b4 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 7 Mar 2022 23:30:00 +0900 Subject: 2021/08/13 時点の英語版に基づき新規翻訳 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/-webkit-mask-attachment/index.md | 79 +++++++++++++++++++++++ 1 file changed, 79 insertions(+) create mode 100644 files/ja/web/css/-webkit-mask-attachment/index.md diff --git a/files/ja/web/css/-webkit-mask-attachment/index.md b/files/ja/web/css/-webkit-mask-attachment/index.md new file mode 100644 index 0000000000..edc1430043 --- /dev/null +++ b/files/ja/web/css/-webkit-mask-attachment/index.md @@ -0,0 +1,79 @@ +--- +title: '-webkit-mask-attachment' +slug: Web/CSS/-webkit-mask-attachment +tags: + - CSS + - CSS プロパティ + - レイアウト + - 標準外 + - リファレンス + - ウェブ + - recipe:css-property +browser-compat: css.properties.-webkit-mask-attachment +translation_of: Web/CSS/-webkit-mask-attachment +--- +{{CSSRef}}{{Non-standard_Header}} + +{{CSSxRef("mask-image")}} が指定されている場合、 `-webkit-mask-attachment` はそのマスク画像の位置をビューポート内で固定するか、それとも包含ブロックと共にスクロールするかを指定します。 + +```css +/* キーワード値 */ +-webkit-mask-attachment: scroll; +-webkit-mask-attachment: fixed; +-webkit-mask-attachment: local; + +/* 複数の値 */ +-webkit-mask-attachment: scroll, local; +-webkit-mask-attachment: fixed, local, scroll; + +/* グローバル値 */ +-webkit-mask-attachment: inherit; +-webkit-mask-attachment: initial; +-webkit-mask-attachment: unset; +``` + +## 構文 + +### 値 + +- scroll + - : `scroll` が指定された場合、マスク画像はマスク画像を含むブロックと共にビューポート内でスクロールします。 +- fixed + - : `fixed` が指定された場合、マスク画像は包含する要素と共にスクロールせず、ビューポート内の一定の場所に残ります。 + +## 公式定義 + +{{CSSInfo}} + +## 形式文法 + +{{CSSSyntax}} + +## 例 + +### ビューポートにマスク画像を固定 + +```css +body { + -webkit-mask-image: url('images/mask.png'); + -webkit-mask-attachment: fixed; +} +``` + +## 仕様書 + +Not part of any standard. + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{CSSxRef("mask")}} +- {{CSSxRef("mask-clip")}} +- {{CSSxRef("-webkit-mask-box-image")}} +- {{CSSxRef("mask-origin")}} +- {{CSSxRef("mask-image")}} +- {{CSSxRef("-webkit-mask-composite")}} +- {{CSSxRef("mask-repeat")}} -- cgit v1.2.3-54-g00ecf