diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-12 01:31:31 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-19 15:26:24 +0900 |
commit | 94e8f8c474d5a10be866af1bc2eb0dd515a7228f (patch) | |
tree | dd3b85d74f3a6c1b39da0996d538c861acd5826e /files/ja/web/css/scroll-margin-block | |
parent | f29c1e5bbfb2590b04267bf88b5becf20af18bc5 (diff) | |
download | translated-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.md | 34 |
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/) |