aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/css/scroll-margin-block
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2021-10-12 01:31:31 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2021-10-19 15:26:24 +0900
commit94e8f8c474d5a10be866af1bc2eb0dd515a7228f (patch)
treedd3b85d74f3a6c1b39da0996d538c861acd5826e /files/ja/web/css/scroll-margin-block
parentf29c1e5bbfb2590b04267bf88b5becf20af18bc5 (diff)
downloadtranslated-content-94e8f8c474d5a10be866af1bc2eb0dd515a7228f.tar.gz
translated-content-94e8f8c474d5a10be866af1bc2eb0dd515a7228f.tar.bz2
translated-content-94e8f8c474d5a10be866af1bc2eb0dd515a7228f.zip
CSS スクロールスナップに関するページを更新
- scroll-margin-block-end および scroll-margin-block-start は新規翻訳 - 「CSS スクロールスナップの基本概念」は新規翻訳 - それ以外は 2021/10/09 時点の英語版に同期
Diffstat (limited to 'files/ja/web/css/scroll-margin-block')
-rw-r--r--files/ja/web/css/scroll-margin-block/index.md34
1 files changed, 17 insertions, 17 deletions
diff --git a/files/ja/web/css/scroll-margin-block/index.md b/files/ja/web/css/scroll-margin-block/index.md
index b78fd009a4..bad9d0adea 100644
--- a/files/ja/web/css/scroll-margin-block/index.md
+++ b/files/ja/web/css/scroll-margin-block/index.md
@@ -9,21 +9,21 @@ browser-compat: css.properties.scroll-margin-block
---
{{CSSRef}}
-The `scroll-margin-block` [shorthand property](/en-US/docs/Web/CSS/Shorthand_properties) sets the scroll margins of an element in the block dimension.
+`scroll-margin-block` は[一括指定プロパティ](/ja/docs/Web/CSS/Shorthand_properties)で、ブロック方向のスクロールマージンを設定します。
{{EmbedInteractiveExample("pages/css/scroll-margin-block.html")}}
-## Constituent properties
+## 構成要素のプロパティ
-This property is a shorthand for the following CSS properties:
+このプロパティは以下の CSS プロパティの一括指定です。
-- [`scroll-margin-block-end`](/en-US/docs/Web/CSS/scroll-margin-block-end)
-- [`scroll-margin-block-start`](/en-US/docs/Web/CSS/scroll-margin-block-start)
+- [`scroll-margin-block-end`](/ja/docs/Web/CSS/scroll-margin-block-end)
+- [`scroll-margin-block-start`](/ja/docs/Web/CSS/scroll-margin-block-start)
-## Syntax
+## 構文
```css
-/* <length> values */
+/* <length> 値 */
scroll-margin-block: 10px;
scroll-margin-block: 1em .5em ;
@@ -34,32 +34,32 @@ scroll-margin-block: revert;
scroll-margin-block: unset;
```
-### Values
+### 値
- `<length>`
- - : An outset from the corresponding edge of the scroll container.
+ - : スクロールコンテナーの対応する辺からの距離です。
-## Description
+## 解説
-The scroll-margin values represent outsets defining the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
+`scroll-margin` の値はこのボックスをスナップポートに割り当てるために使用されるスクロールスナップ領域の定義の張り出し部分を表します。スクロールスナップ領域は、変換された境界ボックスを取り、その矩形の境界ボックス (スクロールコンテナーの座標空間内で軸方向に配置) を割り当てて、指定された張り出し部分を追加することによって決定されます。
-## Formal definition
+## 公式定義
{{cssinfo}}
-## Formal syntax
+## 形式文法
{{csssyntax}}
-## Specifications
+## 仕様書
{{Specifications}}
-## Browser compatibility
+## ブラウザーの互換性
{{Compat}}
-## See also
+## 関連情報
-- [CSS Scroll Snap](/en-US/docs/Web/CSS/CSS_Scroll_Snap)
+- [CSS スクロールスナップ](/ja/docs/Web/CSS/CSS_Scroll_Snap)
- [Well-Controlled Scrolling with CSS Scroll Snap](https://web.dev/css-scroll-snap/)