CSS_Images の各ファイルの .html → .md 変換

10 files changed, 88 insertions, 0 deletions

diff --git a/files/ja/web/css/cross-fade()/index.html b/files/ja/web/css/cross-fade()/index.md
index 5cf8359073..5cf8359073 100644
--- a/files/ja/web/css/cross-fade()/index.html
+++ b/files/ja/web/css/cross-fade()/index.md
diff --git a/files/ja/web/css/css_images/implementing_image_sprites_in_css/index.html b/files/ja/web/css/css_images/implementing_image_sprites_in_css/index.md
index acef249aad..acef249aad 100644
--- a/files/ja/web/css/css_images/implementing_image_sprites_in_css/index.html
+++ b/files/ja/web/css/css_images/implementing_image_sprites_in_css/index.md
diff --git a/files/ja/web/css/css_images/using_css_gradients/index.html b/files/ja/web/css/css_images/using_css_gradients/index.md
index bb810f605e..bb810f605e 100644
--- a/files/ja/web/css/css_images/using_css_gradients/index.html
+++ b/files/ja/web/css/css_images/using_css_gradients/index.md
diff --git a/files/ja/web/css/element()/index.html b/files/ja/web/css/element()/index.md
index d8922ccaeb..d8922ccaeb 100644
--- a/files/ja/web/css/element()/index.html
+++ b/files/ja/web/css/element()/index.md
diff --git a/files/ja/web/css/image-orientation/index.html b/files/ja/web/css/image-orientation/index.md
index 7366e9755b..7366e9755b 100644
--- a/files/ja/web/css/image-orientation/index.html
+++ b/files/ja/web/css/image-orientation/index.md
diff --git a/files/ja/web/css/image-rendering/index.html b/files/ja/web/css/image-rendering/index.md
index c158a3d034..c158a3d034 100644
--- a/files/ja/web/css/image-rendering/index.html
+++ b/files/ja/web/css/image-rendering/index.md
diff --git a/files/ja/web/css/image-resolution/index.md b/files/ja/web/css/image-resolution/index.md
new file mode 100644
index 0000000000..e82233bdd5
--- /dev/null
+++ b/files/ja/web/css/image-resolution/index.md
@@ -0,0 +1,88 @@
+---
+title: image-resolution
+slug: Web/CSS/image-resolution
+tags:
+  - CSS
+  - CSS Images
+  - CSS Property
+  - Experimental
+  - Reference
+  - image-resolution
+browser-compat: css.properties.image-resolution
+---
+{{CSSRef}}{{SeeCompatTable}}
+
+The **`image-resolution`** [CSS](/en-US/docs/Web/CSS) property specifies the intrinsic resolution of all raster images used in or on the element. It affects content images such as replaced elements and generated content, and decorative images such as `background-image` images.
+
+The image resolution is defined as the number of image pixels per unit length, e.g., pixels per inch. By default, CSS assumes a resolution of one image pixel per CSS px unit; however, the `image-resolution` property allows a different resolution to be specified.
+
+## Syntax
+
+```css
+image-resolution: from-image;
+image-resolution: 300dpi;
+image-resolution: from-image 300dpi;
+image-resolution: 300dpi snap;
+
+/* Global values */
+image-resolution: inherit;
+image-resolution: initial;
+image-resolution: revert;
+image-resolution: unset;
+```
+
+### Values
+
+- `{{cssxref("<resolution>")}}`
+  - : Specifies the intrinsic resolution explicitly.
+- `from-image`
+  - : Uses the intrinsic resolution as specified by the image format. If the image does not specify its own resolution, the explicitly specified resolution is used (if given), else it defaults to `1dppx` (1 image pixel per CSS px unit).
+- `snap`
+  - : If the `snap` keyword is provided, the computed resolution is the specified resolution rounded to the nearest value that would map one image pixel to an integer number of device pixels. If the resolution is taken from the image, then the used intrinsic resolution is the image's native resolution similarly adjusted.
+
+> **Note:** As vector formats such as SVG do not have an intrinsic resolution, this property has no effect on vector images.
+
+## Formal definition
+
+{{cssinfo}}
+
+## Formal syntax
+
+{{csssyntax}}
+
+## Examples
+
+### Setting a high dpi for print
+
+When printing the document, use a higher resolution.
+
+```css
+@media print {
+  .myimage {
+    image-resolution: 300dpi;
+  }
+}
+```
+
+### Use image resolution with fallback
+
+Uses the resolution from the image. If the image does not have a resolution, use 300dpi rather than the default 1dppx.
+
+```css
+.myimage {
+  image-resolution: from-image 300dpi;
+}
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- Other image-related CSS properties: {{cssxref("object-fit")}}, {{cssxref("object-position")}}, {{cssxref("image-orientation")}}, {{cssxref("image-rendering")}}.
+- [Chromium bug: 1086473](https://bugs.chromium.org/p/chromium/issues/detail?id=1086473).
diff --git a/files/ja/web/css/object-fit/index.html b/files/ja/web/css/object-fit/index.md
index f3cd681f5e..f3cd681f5e 100644
--- a/files/ja/web/css/object-fit/index.html
+++ b/files/ja/web/css/object-fit/index.md
diff --git a/files/ja/web/css/object-position/index.html b/files/ja/web/css/object-position/index.md
index 81b998bbc8..81b998bbc8 100644
--- a/files/ja/web/css/object-position/index.html
+++ b/files/ja/web/css/object-position/index.md
diff --git a/files/ja/web/css/url()/index.html b/files/ja/web/css/url()/index.md
index b0bbf37393..b0bbf37393 100644
--- a/files/ja/web/css/url()/index.html
+++ b/files/ja/web/css/url()/index.md