Merge branch 'main' into ja/localized-links

mdn · Aug 6, 2023 · 95fb51e · 95fb51e
2 parents 5b623a7 + 92b54f5
commit 95fb51e
Show file tree

Hide file tree

Showing 162 changed files with 2,361 additions and 1,387 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -27,6 +27,7 @@ build/
 /files/fr/web/javascript/reference/global_objects/array/includes/index.md
 /files/fr/web/javascript/reference/global_objects/intl/displaynames/of/index.md
 /files/ja/web/api/audiobuffer/audiobuffer/index.md
+/files/ja/web/svg/content_type/index.md
 /files/ko/web/css/css_flow_layout/block_and_inline_layout_in_normal_flow/index.md
 /files/pt-br/learn/server-side/django/forms/index.md
 /files/ru/learn/server-side/django/forms/index.md
@@ -46,7 +47,6 @@ build/
 /files/ja/web/css/**/*.md
 /files/ja/web/html/**/*.md
 /files/ja/web/javascript/**/*.md
-/files/ja/web/svg/**/*.md
 
 # ko
 /files/ko/web/css/**/*.md

diff --git a/files/ja/web/css/--_star_/index.md b/files/ja/web/css/--_star_/index.md
@@ -35,16 +35,10 @@ l10n:
 ### HTML
 
 ```html
-<p id="firstParagraph">
-  この段落は青色の背景で黄色のテキストとなります。
-</p>
-<p id="secondParagraph">
-  この段落は黄色の背景で青色のテキストとなります。
-</p>
+<p id="firstParagraph">この段落は青色の背景で黄色のテキストとなります。</p>
+<p id="secondParagraph">この段落は黄色の背景で青色のテキストとなります。</p>
 <div id="container">
-  <p id="thirdParagraph">
-    この段落は緑色の背景で黄色のテキストとなります。
-  </p>
+  <p id="thirdParagraph">この段落は緑色の背景で黄色のテキストとなります。</p>
 </div>
 ```
 

diff --git a/files/ja/web/css/-moz-force-broken-image-icon/index.md b/files/ja/web/css/-moz-force-broken-image-icon/index.md
@@ -29,7 +29,7 @@ slug: Web/CSS/-moz-force-broken-image-icon
 ### HTML
 
 ```html
-<img src='/broken/image/link.png' alt='Broken image link'>
+<img src="/broken/image/link.png" alt="Broken image link" />
 ```
 
 ### CSS

diff --git a/files/ja/web/css/-moz-image-rect/index.md b/files/ja/web/css/-moz-image-rect/index.md
@@ -46,14 +46,14 @@ CSS では、1 つのコンテナーのスタイルを定義した後、画像
 
 ```css
 #container {
-  width:267px;
-  height:272px;
-  top:100px;
-  left:100px;
-  position:absolute;
-  font-size:16px;
-  text-shadow:white 0px 0px 6px;
-  text-align:center;
+  width: 267px;
+  height: 272px;
+  top: 100px;
+  left: 100px;
+  position: absolute;
+  font-size: 16px;
+  text-shadow: white 0px 0px 6px;
+  text-align: center;
 }
 ```
 
@@ -62,9 +62,9 @@ CSS では、1 つのコンテナーのスタイルを定義した後、画像
 ```css
 #box1 {
   background-image: -moz-image-rect(url(firefox.png), 0%, 50%, 50%, 0%);
-  width:133px;
-  height:136px;
-  position:absolute;
+  width: 133px;
+  height: 136px;
+  position: absolute;
 }
 ```
 
@@ -73,9 +73,9 @@ CSS では、1 つのコンテナーのスタイルを定義した後、画像
 ```css
 #box2 {
   background-image: -moz-image-rect(url(firefox.png), 0%, 100%, 50%, 50%);
-  width:133px;
-  height:136px;
-  position:absolute;
+  width: 133px;
+  height: 136px;
+  position: absolute;
 }
 ```
 
@@ -86,15 +86,15 @@ CSS では、1 つのコンテナーのスタイルを定義した後、画像
 ```css
 #box3 {
   background-image: -moz-image-rect(url(firefox.png), 50%, 50%, 100%, 0%);
-  width:133px;
-  height:136px;
-  position:absolute;
+  width: 133px;
+  height: 136px;
+  position: absolute;
 }
 #box4 {
   background-image: -moz-image-rect(url(firefox.png), 50%, 100%, 100%, 50%);
-  width:133px;
-  height:136px;
-  position:absolute;
+  width: 133px;
+  height: 136px;
+  position: absolute;
 }
 ```
 
@@ -119,16 +119,20 @@ HTML はとてもシンプルです。
 
 ```js
 function rotate() {
-  var prevStyle = window.getComputedStyle(document.getElementById("box4"), null).getPropertyValue("background-image");
+  var prevStyle = window
+    .getComputedStyle(document.getElementById("box4"), null)
+    .getPropertyValue("background-image");
 
   // 最後の 1 枚を保存したところで、回転を開始します。
 
-  for (var i=1; i<=4; i++) {
+  for (var i = 1; i <= 4; i++) {
     var curId = "box" + i;
 
     // 背景画像のをずらす
 
-    var curStyle = window.getComputedStyle(document.getElementById(curId), null).getPropertyValue("background-image");
+    var curStyle = window
+      .getComputedStyle(document.getElementById(curId), null)
+      .getPropertyValue("background-image");
     document.getElementById(curId).style.backgroundImage = prevStyle;
     prevStyle = curStyle;
   }

diff --git a/files/ja/web/css/-moz-orient/index.md b/files/ja/web/css/-moz-orient/index.md
@@ -35,16 +35,10 @@ slug: Web/CSS/-moz-orient
 ### HTML
 
 ```html
-<p>
-  The following progress meter
-  is horizontal (the default):
-</p>
+<p>The following progress meter is horizontal (the default):</p>
 <progress max="100" value="75"></progress>
 
-<p>
- The following progress meter
- is vertical:
-</p>
+<p>The following progress meter is vertical:</p>
 <progress class="vert" max="100" value="75"></progress>
 ```
 

diff --git a/files/ja/web/css/-moz-user-focus/index.md b/files/ja/web/css/-moz-user-focus/index.md
@@ -56,7 +56,7 @@ slug: Web/CSS/-moz-user-focus
 ### HTML
 
 ```html
-<input class="ignored" value="The user cannot focus on this element.">
+<input class="ignored" value="The user cannot focus on this element." />
 ```
 
 ### CSS

diff --git a/files/ja/web/css/-webkit-line-clamp/index.md b/files/ja/web/css/-webkit-line-clamp/index.md
@@ -52,8 +52,9 @@ slug: Web/CSS/-webkit-line-clamp
 
 ```html
 <p>
-  In this example the <code>-webkit-line-clamp</code> property is set to <code>3</code>, which means the text is clamped after three lines.
-  An ellipsis will be shown at the point where the text is clamped.
+  In this example the <code>-webkit-line-clamp</code> property is set to
+  <code>3</code>, which means the text is clamped after three lines. An ellipsis
+  will be shown at the point where the text is clamped.
 </p>
 ```
 

diff --git a/files/ja/web/css/-webkit-mask-attachment/index.md b/files/ja/web/css/-webkit-mask-attachment/index.md
@@ -46,7 +46,7 @@ slug: Web/CSS/-webkit-mask-attachment
 
 ```css
 body {
-  -webkit-mask-image: url('images/mask.png');
+  -webkit-mask-image: url("images/mask.png");
   -webkit-mask-attachment: fixed;
 }
 ```

diff --git a/files/ja/web/css/-webkit-mask-box-image/index.md b/files/ja/web/css/-webkit-mask-box-image/index.md
@@ -63,15 +63,15 @@ slug: Web/CSS/-webkit-mask-box-image
 
 ```css
 .exampleone {
-  -webkit-mask-box-image: url('mask.png');
+  -webkit-mask-box-image: url("mask.png");
 }
 ```
 
 ### 画僧のオフセットと塗りつぶし
 
 ```css
 .exampletwo {
-  -webkit-mask-box-image: url('logo.png') 100 100 0 0 round round;
+  -webkit-mask-box-image: url("logo.png") 100 100 0 0 round round;
 }
 ```
 

diff --git a/files/ja/web/css/-webkit-mask-composite/index.md b/files/ja/web/css/-webkit-mask-composite/index.md
@@ -70,7 +70,7 @@ slug: Web/CSS/-webkit-mask-composite
 
 ```css
 .example {
-  -webkit-mask-image: url(mask1.png), url('mask2.png');
+  -webkit-mask-image: url(mask1.png), url("mask2.png");
   -webkit-mask-composite: xor, source-over;
 }
 ```

diff --git a/files/ja/web/css/-webkit-mask-position-x/index.md b/files/ja/web/css/-webkit-mask-position-x/index.md
@@ -22,7 +22,10 @@ slug: Web/CSS/-webkit-mask-position-x
 -webkit-mask-position-x: -1cm;
 
 /* 複数の値 */
--webkit-mask-position-x: 50px, 25%, -3em;
+-webkit-mask-position-x:
+  50px,
+  25%,
+  -3em;
 
 /* グローバル値 */
 -webkit-mask-position-x: inherit;

diff --git a/files/ja/web/css/-webkit-mask-position-y/index.md b/files/ja/web/css/-webkit-mask-position-y/index.md
@@ -22,7 +22,10 @@ slug: Web/CSS/-webkit-mask-position-y
 -webkit-mask-position-y: -1cm;
 
 /* 複数の値 */
--webkit-mask-position-y: 50px, 25%, -3em;
+-webkit-mask-position-y:
+  50px,
+  25%,
+  -3em;
 
 /* グローバル値 */
 -webkit-mask-position-y: inherit;

diff --git a/files/ja/web/css/-webkit-mask-repeat-x/index.md b/files/ja/web/css/-webkit-mask-repeat-x/index.md
@@ -52,12 +52,12 @@ slug: Web/CSS/-webkit-mask-repeat-x
 
 ```css
 .exampleone {
-  -webkit-mask-image: url('mask.png');
+  -webkit-mask-image: url("mask.png");
   -webkit-mask-repeat-x: repeat;
 }
 
 .exampletwo {
-  -webkit-mask-image: url('mask.png');
+  -webkit-mask-image: url("mask.png");
   -webkit-mask-repeat-x: no-repeat;
 }
 ```
@@ -68,7 +68,7 @@ slug: Web/CSS/-webkit-mask-repeat-x
 
 ```css
 .examplethree {
-  -webkit-mask-image: url('mask1.png'), url('mask2.png');
+  -webkit-mask-image: url("mask1.png"), url("mask2.png");
   -webkit-mask-repeat-x: repeat, space;
 }
 ```

diff --git a/files/ja/web/css/-webkit-mask-repeat-y/index.md b/files/ja/web/css/-webkit-mask-repeat-y/index.md
@@ -52,12 +52,12 @@ The `-webkit-mask-repeat-y` プロパティは、マスク画像を垂直方向
 
 ```css
 .exampleone {
-  -webkit-mask-image: url('mask.png');
+  -webkit-mask-image: url("mask.png");
   -webkit-mask-repeat-y: repeat;
 }
 
 .exampletwo {
-  -webkit-mask-image: url('mask.png');
+  -webkit-mask-image: url("mask.png");
   -webkit-mask-repeat-y: no-repeat;
 }
 ```
@@ -68,7 +68,7 @@ The `-webkit-mask-repeat-y` プロパティは、マスク画像を垂直方向
 
 ```css
 .examplethree {
-  -webkit-mask-image: url('mask1.png'), url('mask2.png');
+  -webkit-mask-image: url("mask1.png"), url("mask2.png");
   -webkit-mask-repeat-y: repeat, space;
 }
 ```

diff --git a/files/ja/web/css/-webkit-overflow-scrolling/index.md b/files/ja/web/css/-webkit-overflow-scrolling/index.md
@@ -30,14 +30,10 @@ slug: Web/CSS/-webkit-overflow-scrolling
 
 ```html
 <div class="scroll-touch">
-  <p>
-    This paragraph has momentum scrolling
-  </p>
+  <p>This paragraph has momentum scrolling</p>
 </div>
 <div class="scroll-auto">
-  <p>
-    This paragraph does not.
-  </p>
+  <p>This paragraph does not.</p>
 </div>
 ```
 

diff --git a/files/ja/web/css/-webkit-text-stroke-color/index.md b/files/ja/web/css/-webkit-text-stroke-color/index.md
@@ -42,7 +42,7 @@ slug: Web/CSS/-webkit-text-stroke-color
 
 ```html
 <p>Text with stroke</p>
-<input type="color" value="#ff0000">
+<input type="color" value="#ff0000" />
 ```
 
 #### CSS
@@ -58,7 +58,7 @@ p {
 
 ```js hidden
 var colorPicker = document.querySelector("input");
-colorPicker.addEventListener("change", function(evt) {
+colorPicker.addEventListener("change", function (evt) {
   document.querySelector("p").style.webkitTextStrokeColor = evt.target.value;
 });
 ```

diff --git a/files/ja/web/css/@charset/index.md b/files/ja/web/css/@charset/index.md
@@ -31,7 +31,7 @@ slug: Web/CSS/@charset
 ここで、
 
 - _charset_
-  - : 使う文字エンコーディングを意味する {{cssxref("&lt;string&gt;")}} です。[IANA-registry](http://www.iana.org/assignments/character-sets) で定義されているウェブセーフな文字エンコーディングの名前でなければなりません。この名前は必ず 1 文字分の空白文字 (U+0020) の後に続き、二重引用符で囲われ、セミコロン記号で終わる必要があります。もし 1 つのエンコーディングに複数の名前が関連付けられている場合には、使用できるのは *preferred* とマークされているものだけです。
+  - : 使う文字エンコーディングを意味する {{cssxref("&lt;string&gt;")}} です。[IANA-registry](http://www.iana.org/assignments/character-sets) で定義されているウェブセーフな文字エンコーディングの名前でなければなりません。この名前は必ず 1 文字分の空白文字 (U+0020) の後に続き、二重引用符で囲われ、セミコロン記号で終わる必要があります。もし 1 つのエンコーディングに複数の名前が関連付けられている場合には、使用できるのは _preferred_ とマークされているものだけです。
 
 ## 形式文法
 
@@ -41,11 +41,11 @@ slug: Web/CSS/@charset
 
 ### 有効・無効な文字セットの宣言
 
-```css
-@charset "UTF-8";       /* スタイルシートのエンコーディングを Unicode UTF-8 にします*/
+```css-nolint
+@charset "UTF-8"; /* スタイルシートのエンコーディングを Unicode UTF-8 にします*/
 @charset 'iso-8859-15'; /* 無効です。正しくない引用符が使用されています */
- @charset "UTF-8";      /* 無効です。アットルールより前に文字（空白）があります */
-@charset UTF-8;         /* 無効です。' か " がなく、文字セットは CSS の {{cssxref("&lt;string&gt;")}} ではありません */
+ @charset "UTF-8"; /* 無効です。アットルールより前に文字（空白）があります */
+@charset UTF-8; /* 無効です。' か " がなく、文字セットは CSS の {{cssxref("&lt;string&gt;")}} ではありません */
 ```
 
 ## 仕様書

diff --git a/files/ja/web/css/@color-profile/index.md b/files/ja/web/css/@color-profile/index.md
@@ -11,7 +11,7 @@ slug: Web/CSS/@color-profile
 
 ```css
 @color-profile --swop5c {
-  src: url('https://example.org/SWOP2006_Coated5v2.icc');
+  src: url("https://example.org/SWOP2006_Coated5v2.icc");
 }
 ```
 
@@ -41,10 +41,10 @@ slug: Web/CSS/@color-profile
 
 ```css
 @color-profile --swop5c {
-  src: url('https://example.org/SWOP2006_Coated5v2.icc');
+  src: url("https://example.org/SWOP2006_Coated5v2.icc");
 }
 .header {
-  background-color:   color(--swop5c 0% 70% 20% 0%);
+  background-color: color(--swop5c 0% 70% 20% 0%);
 }
 ```
 

diff --git a/files/ja/web/css/@counter-style/additive-symbols/index.md b/files/ja/web/css/@counter-style/additive-symbols/index.md
@@ -11,8 +11,12 @@ slug: Web/CSS/@counter-style/additive-symbols
 
 ```css
 additive-symbols: 3 "0";
-additive-symbols: 3 "0", 2 "\2E\20";
-additive-symbols: 3 "0", 2 url(symbol.png);
+additive-symbols:
+  3 "0",
+  2 "\2E\20";
+additive-symbols:
+  3 "0",
+  2 url(symbol.png);
 ```
 
 `system` 記述子が `cyclic`, `numeric`, `alphabetic`, `symbolic`, `fixed` の場合は、 {{cssxref('symbols')}} 記述子を `additive-symbols` の代わりに使用してください。
@@ -50,7 +54,10 @@ additive-symbols: 3 "0", 2 url(symbol.png);
 ```css
 @counter-style additive-symbols-example {
   system: additive;
-  additive-symbols: V 5, IV 4, I 1;
+  additive-symbols:
+    V 5,
+    IV 4,
+    I 1;
 }
 .list {
   list-style: additive-symbols-example;