diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-10 23:56:53 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-19 15:26:24 +0900 |
commit | f29c1e5bbfb2590b04267bf88b5becf20af18bc5 (patch) | |
tree | 31ed1573a1f6ea459afc7c045941203bc871e0dd /files/ja/web/css | |
parent | fb7915750b685c989ce45935934dc8a67c076975 (diff) | |
download | translated-content-f29c1e5bbfb2590b04267bf88b5becf20af18bc5.tar.gz translated-content-f29c1e5bbfb2590b04267bf88b5becf20af18bc5.tar.bz2 translated-content-f29c1e5bbfb2590b04267bf88b5becf20af18bc5.zip |
CSS スクロールスナップの文書の変換準備
Diffstat (limited to 'files/ja/web/css')
-rw-r--r-- | files/ja/web/css/css_scroll_snap/browser_compat/index.md (renamed from files/ja/web/css/css_scroll_snap/browser_compat/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-margin-block/index.md | 65 | ||||
-rw-r--r-- | files/ja/web/css/scroll-margin-bottom/index.md (renamed from files/ja/web/css/scroll-margin-bottom/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-margin-inline-end/index.md (renamed from files/ja/web/css/scroll-margin-inline-end/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-margin-inline-start/index.md (renamed from files/ja/web/css/scroll-margin-inline-start/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-margin-inline/index.md (renamed from files/ja/web/css/scroll-margin-inline/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-margin-left/index.md (renamed from files/ja/web/css/scroll-margin-left/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-margin-right/index.md (renamed from files/ja/web/css/scroll-margin-right/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-margin-top/index.md (renamed from files/ja/web/css/scroll-margin-top/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-margin/index.md (renamed from files/ja/web/css/scroll-margin/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-padding-block-end/index.md (renamed from files/ja/web/css/scroll-padding-block-end/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-padding-block-start/index.md (renamed from files/ja/web/css/scroll-padding-block-start/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-padding-block/index.md (renamed from files/ja/web/css/scroll-padding-block/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-padding-bottom/index.md (renamed from files/ja/web/css/scroll-padding-bottom/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-padding-inline-end/index.md (renamed from files/ja/web/css/scroll-padding-inline-end/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-padding-inline-start/index.md (renamed from files/ja/web/css/scroll-padding-inline-start/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-padding-inline/index.md (renamed from files/ja/web/css/scroll-padding-inline/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-padding-left/index.md (renamed from files/ja/web/css/scroll-padding-left/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-padding-right/index.md (renamed from files/ja/web/css/scroll-padding-right/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-padding-top/index.md (renamed from files/ja/web/css/scroll-padding-top/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-padding/index.md (renamed from files/ja/web/css/scroll-padding/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-snap-align/index.md (renamed from files/ja/web/css/scroll-snap-align/index.html) | 0 | ||||
-rw-r--r-- | files/ja/web/css/scroll-snap-stop/index.md (renamed from files/ja/web/css/scroll-snap-stop/index.html) | 0 |
23 files changed, 65 insertions, 0 deletions
diff --git a/files/ja/web/css/css_scroll_snap/browser_compat/index.html b/files/ja/web/css/css_scroll_snap/browser_compat/index.md index e4e1a3473a..e4e1a3473a 100644 --- a/files/ja/web/css/css_scroll_snap/browser_compat/index.html +++ b/files/ja/web/css/css_scroll_snap/browser_compat/index.md diff --git a/files/ja/web/css/scroll-margin-block/index.md b/files/ja/web/css/scroll-margin-block/index.md new file mode 100644 index 0000000000..b78fd009a4 --- /dev/null +++ b/files/ja/web/css/scroll-margin-block/index.md @@ -0,0 +1,65 @@ +--- +title: scroll-margin-block +slug: Web/CSS/scroll-margin-block +tags: + - CSS + - recipe:css-shorthand-property + - scroll-margin-block +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. + +{{EmbedInteractiveExample("pages/css/scroll-margin-block.html")}} + +## Constituent properties + +This property is a shorthand for the following CSS properties: + +- [`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) + +## Syntax + +```css +/* <length> values */ +scroll-margin-block: 10px; +scroll-margin-block: 1em .5em ; + +/* Global values */ +scroll-margin-block: inherit; +scroll-margin-block: initial; +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. + +## Formal definition + +{{cssinfo}} + +## Formal syntax + +{{csssyntax}} + +## Specifications + +{{Specifications}} + +## Browser compatibility + +{{Compat}} + +## See also + +- [CSS Scroll Snap](/en-US/docs/Web/CSS/CSS_Scroll_Snap) +- [Well-Controlled Scrolling with CSS Scroll Snap](https://web.dev/css-scroll-snap/) diff --git a/files/ja/web/css/scroll-margin-bottom/index.html b/files/ja/web/css/scroll-margin-bottom/index.md index 12df44a35e..12df44a35e 100644 --- a/files/ja/web/css/scroll-margin-bottom/index.html +++ b/files/ja/web/css/scroll-margin-bottom/index.md diff --git a/files/ja/web/css/scroll-margin-inline-end/index.html b/files/ja/web/css/scroll-margin-inline-end/index.md index 7047a4c8fa..7047a4c8fa 100644 --- a/files/ja/web/css/scroll-margin-inline-end/index.html +++ b/files/ja/web/css/scroll-margin-inline-end/index.md diff --git a/files/ja/web/css/scroll-margin-inline-start/index.html b/files/ja/web/css/scroll-margin-inline-start/index.md index 18090254ea..18090254ea 100644 --- a/files/ja/web/css/scroll-margin-inline-start/index.html +++ b/files/ja/web/css/scroll-margin-inline-start/index.md diff --git a/files/ja/web/css/scroll-margin-inline/index.html b/files/ja/web/css/scroll-margin-inline/index.md index 06d1900196..06d1900196 100644 --- a/files/ja/web/css/scroll-margin-inline/index.html +++ b/files/ja/web/css/scroll-margin-inline/index.md diff --git a/files/ja/web/css/scroll-margin-left/index.html b/files/ja/web/css/scroll-margin-left/index.md index f9c243e949..f9c243e949 100644 --- a/files/ja/web/css/scroll-margin-left/index.html +++ b/files/ja/web/css/scroll-margin-left/index.md diff --git a/files/ja/web/css/scroll-margin-right/index.html b/files/ja/web/css/scroll-margin-right/index.md index a04c35e12e..a04c35e12e 100644 --- a/files/ja/web/css/scroll-margin-right/index.html +++ b/files/ja/web/css/scroll-margin-right/index.md diff --git a/files/ja/web/css/scroll-margin-top/index.html b/files/ja/web/css/scroll-margin-top/index.md index 04f356c5c5..04f356c5c5 100644 --- a/files/ja/web/css/scroll-margin-top/index.html +++ b/files/ja/web/css/scroll-margin-top/index.md diff --git a/files/ja/web/css/scroll-margin/index.html b/files/ja/web/css/scroll-margin/index.md index d604272ca1..d604272ca1 100644 --- a/files/ja/web/css/scroll-margin/index.html +++ b/files/ja/web/css/scroll-margin/index.md diff --git a/files/ja/web/css/scroll-padding-block-end/index.html b/files/ja/web/css/scroll-padding-block-end/index.md index 55373c9991..55373c9991 100644 --- a/files/ja/web/css/scroll-padding-block-end/index.html +++ b/files/ja/web/css/scroll-padding-block-end/index.md diff --git a/files/ja/web/css/scroll-padding-block-start/index.html b/files/ja/web/css/scroll-padding-block-start/index.md index 4094bd5b12..4094bd5b12 100644 --- a/files/ja/web/css/scroll-padding-block-start/index.html +++ b/files/ja/web/css/scroll-padding-block-start/index.md diff --git a/files/ja/web/css/scroll-padding-block/index.html b/files/ja/web/css/scroll-padding-block/index.md index 7a0916cbb3..7a0916cbb3 100644 --- a/files/ja/web/css/scroll-padding-block/index.html +++ b/files/ja/web/css/scroll-padding-block/index.md diff --git a/files/ja/web/css/scroll-padding-bottom/index.html b/files/ja/web/css/scroll-padding-bottom/index.md index cb4b2198af..cb4b2198af 100644 --- a/files/ja/web/css/scroll-padding-bottom/index.html +++ b/files/ja/web/css/scroll-padding-bottom/index.md diff --git a/files/ja/web/css/scroll-padding-inline-end/index.html b/files/ja/web/css/scroll-padding-inline-end/index.md index 5e977ca930..5e977ca930 100644 --- a/files/ja/web/css/scroll-padding-inline-end/index.html +++ b/files/ja/web/css/scroll-padding-inline-end/index.md diff --git a/files/ja/web/css/scroll-padding-inline-start/index.html b/files/ja/web/css/scroll-padding-inline-start/index.md index 72596cabe7..72596cabe7 100644 --- a/files/ja/web/css/scroll-padding-inline-start/index.html +++ b/files/ja/web/css/scroll-padding-inline-start/index.md diff --git a/files/ja/web/css/scroll-padding-inline/index.html b/files/ja/web/css/scroll-padding-inline/index.md index 21ed10d7e4..21ed10d7e4 100644 --- a/files/ja/web/css/scroll-padding-inline/index.html +++ b/files/ja/web/css/scroll-padding-inline/index.md diff --git a/files/ja/web/css/scroll-padding-left/index.html b/files/ja/web/css/scroll-padding-left/index.md index 8a70079ed2..8a70079ed2 100644 --- a/files/ja/web/css/scroll-padding-left/index.html +++ b/files/ja/web/css/scroll-padding-left/index.md diff --git a/files/ja/web/css/scroll-padding-right/index.html b/files/ja/web/css/scroll-padding-right/index.md index c9d2181584..c9d2181584 100644 --- a/files/ja/web/css/scroll-padding-right/index.html +++ b/files/ja/web/css/scroll-padding-right/index.md diff --git a/files/ja/web/css/scroll-padding-top/index.html b/files/ja/web/css/scroll-padding-top/index.md index f352156457..f352156457 100644 --- a/files/ja/web/css/scroll-padding-top/index.html +++ b/files/ja/web/css/scroll-padding-top/index.md diff --git a/files/ja/web/css/scroll-padding/index.html b/files/ja/web/css/scroll-padding/index.md index 5de5104bbb..5de5104bbb 100644 --- a/files/ja/web/css/scroll-padding/index.html +++ b/files/ja/web/css/scroll-padding/index.md diff --git a/files/ja/web/css/scroll-snap-align/index.html b/files/ja/web/css/scroll-snap-align/index.md index 09909e000c..09909e000c 100644 --- a/files/ja/web/css/scroll-snap-align/index.html +++ b/files/ja/web/css/scroll-snap-align/index.md diff --git a/files/ja/web/css/scroll-snap-stop/index.html b/files/ja/web/css/scroll-snap-stop/index.md index b9f4d8b80b..b9f4d8b80b 100644 --- a/files/ja/web/css/scroll-snap-stop/index.html +++ b/files/ja/web/css/scroll-snap-stop/index.md |