From cd010dda140dbc3cc6aef4d130a8b79d84c5ee00 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 24 Oct 2021 01:49:08 +0900 Subject: Web/CSS/overflow-anchor 以下を修正 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 2021/10/24 時点の英語版に同期 --- files/ja/web/css/overflow-anchor/index.md | 85 +++++++++++++------------------ 1 file changed, 34 insertions(+), 51 deletions(-) (limited to 'files/ja/web/css/overflow-anchor/index.md') diff --git a/files/ja/web/css/overflow-anchor/index.md b/files/ja/web/css/overflow-anchor/index.md index f1f0efaf23..bc931c6275 100644 --- a/files/ja/web/css/overflow-anchor/index.md +++ b/files/ja/web/css/overflow-anchor/index.md @@ -3,85 +3,68 @@ title: overflow-anchor slug: Web/CSS/overflow-anchor tags: - CSS - - CSS Property - - CSS Scroll Anchoring - - CSS スクロールアンカリング - CSS プロパティ + - CSS スクロールアンカリング - Reference - - overflow-anchor - - スクロールアンカリング + - recipe:css-property +browser-compat: css.properties.overflow-anchor translation_of: Web/CSS/overflow-anchor --- -
{{CSSRef}}
+{{CSSRef}} -

overflow-anchorCSS のプロパティで、コンテンツの移動を最小化するためにスクロール位置を調整する、ブラウザーのスクロールアンカリングの動作をオプトアウトする方法を提供します。

+**`overflow-anchor`** は [CSS](/ja/docs/Web/CSS) のプロパティで、コンテンツの移動を最小化するためにスクロール位置を調整する、ブラウザーのスクロールアンカリングの動作をオプトアウトする方法を提供します。 -

スクロールアンカリングの動作は、対応しているすべてのブラウザーで既定で有効になっています。したがって、このプロパティを変更するのは通常、文書または文書の一部でスクロールアンカリングによって操作上の問題が発生し、この動作をオフにする必要がある場合のみです。

+スクロールアンカリングの動作は、対応しているすべてのブラウザーで既定で有効になっています。したがって、このプロパティを変更するのは通常、文書または文書の一部でスクロールアンカリングによって操作上の問題が発生し、この動作をオフにする必要がある場合のみです。 -

構文

+## 構文 -
/* キーワード値 */
+```css
+/* キーワード値 */
 overflow-anchor: auto;
 overflow-anchor: none;
 
 /* グローバル値 */
 overflow-anchor: inherit;
 overflow-anchor: initial;
+overflow-anchor: revert;
 overflow-anchor: unset;
-
+``` + +### 値 + +- `auto` + - : その要素は、スクロール位置を調整するときにアンカー候補になります。 +- `none` + - : その要素はアンカー候補として選択されません。 -

+## 公式定義 -
-
auto
-
その要素は、スクロール位置を調整するときにアンカー候補になります。
-
none
-
その要素はアンカー候補として選択されません。
-
+{{cssinfo}} -

形式文法

+## 形式文法 {{csssyntax}} -

+## 例 -

文書内でスクロールアンカリングを抑止する場合は、 overflow-anchor プロパティを使用してください。

+### スクロールアンカリングを抑止 -
body {
+文書内でスクロールアンカリングを抑止する場合は、 `overflow-anchor` プロパティを使用してください。
+
+```css
+* {
   overflow-anchor: none;
 }
-
- - - -

仕様書

+``` - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('CSS Scroll Anchoring', '#propdef-overflow-anchor', 'overflow-anchor')}}{{Spec2('CSS Scroll Anchoring')}}初回定義
+## 仕様書 -

{{cssinfo}}

+{{Specifications}} -

ブラウザーの互換性

+## ブラウザーの互換性 -

{{Compat("css.properties.overflow-anchor")}}

+{{Compat}} -

関連項目

+## 関連情報 - +- [スクロールアンカリングの紹介](/ja/docs/Web/CSS/overflow-anchor/Guide_to_scroll_anchoring) -- cgit v1.2.3-54-g00ecf