ElementCSSInlineStyle の削除関係 (#1591)

ElementCSSInlineStyle の削除に関連する各ファイルを最新の英語版に同期

5 files changed, 125 insertions, 160 deletions

diff --git a/files/ja/web/api/css_object_model/index.html b/files/ja/web/api/css_object_model/index.html
index 0b2a186545..7385bdcf57 100644
--- a/files/ja/web/api/css_object_model/index.html
+++ b/files/ja/web/api/css_object_model/index.html
@@ -11,9 +11,10 @@ translation_of: Web/API/CSS_Object_Model
 ---
 <p>{{DefaultAPISidebar("CSSOM")}}</p>
 
-<p><strong>CSS オブジェクトモデル</strong>は CSS を JavaScript から操作するための API の集合です。これは DOM にとても良く似ていますが HTML ではなく CSS のためのものです。これにより CSS スタイルを動的に読んだり変更したりすることができます。</p>
+<p class="summary"><strong>CSS オブジェクトモデル</strong>は CSS を JavaScript から操作するための API の集合です。これは DOM にとても良く似ていますが、 HTML ではなく CSS のためのものです。これにより CSS スタイルを動的に読んだり変更したりすることができます。</p>
+<p>CSS の値は型を使わずに表現しますので、 {{JSxRef("String")}} オブジェクトを使用します。</p>
 
-<h2 id="Reference" name="Reference">リファレンス</h2>
+<h2 id="Reference">リファレンス</h2>
 
 <div class="index">
 <ul>
@@ -42,27 +43,23 @@ translation_of: Web/API/CSS_Object_Model
  <li>{{DOMxRef("CSSSupportsRule")}}</li>
  <li>{{DOMxRef("CSSVariablesMap")}}</li>
  <li>{{DOMxRef("CSSViewportRule")}}</li>
- <li>{{DOMxRef("ElementCSSInlineStyle")}}</li>
  <li>{{DOMxRef("FontFace")}}</li>
  <li>{{DOMxRef("FontFaceSet")}}</li>
  <li>{{DOMxRef("FontFaceSetLoadEvent")}}</li>
- <li>{{DOMxRef("GeometryUtils")}}</li>
  <li>{{DOMxRef("GetStyleUtils")}}</li>
- <li>{{DOMxRef("LinkStyle")}}</li>
  <li>{{DOMxRef("MediaList")}}</li>
  <li>{{DOMxRef("MediaQueryList")}}</li>
  <li>{{DOMxRef("MediaQueryListEvent")}}</li>
- <li>{{DOMxRef("MediaQueryListListener")}}</li>
  <li>{{DOMxRef("Screen")}}</li>
  <li>{{DOMxRef("StyleSheet")}}</li>
- <li>{{DOMxRef("StylesheetList")}}</li>
+ <li>{{DOMxRef("StyleSheetList")}}</li>
  <li>{{DOMxRef("TransitionEvent")}}</li>
 </ul>
 </div>
 
-<p>他にも CSSOM に関する仕様書で拡張されているインターフェイスがあります。 {{DOMxRef("Document")}}, {{DOMxRef("Window")}}, {{DOMxRef("Element")}}, {{DOMxRef("HTMLElement")}}, {{DOMxRef("HTMLImageElement")}}, {{DOMxRef("Range")}}, {{DOMxRef("MouseEvent")}}, {{DOMxRef("SVGElement")}}</p>
+<p>他にも CSSOM に関する仕様書で拡張されているインターフェイスがあります。 {{DOMxRef("Document")}}, {{DOMxRef("Window")}}, {{DOMxRef("Element")}}, {{DOMxRef("HTMLElement")}}, {{DOMxRef("HTMLImageElement")}}, {{DOMxRef("Range")}}, {{DOMxRef("MouseEvent")}}, {{DOMxRef("SVGElement")}} です。</p>
 
-<h3 id="CSS_Typed_Object_Model" name="CSS_Typed_Object_Model">CSS 型付きオブジェクトモデル {{Experimental_Inline}}</h3>
+<h3 id="CSS_Typed_Object_Model">CSS 型付きオブジェクトモデル {{Experimental_Inline}}</h3>
 
 <p>{{SeeCompatTable}}</p>
 
@@ -99,26 +96,26 @@ translation_of: Web/API/CSS_Object_Model
 </ul>
 </div>
 
-<h3 id="Obsolete_CSSOM_interfaces" name="Obsolete_CSSOM_interfaces">廃止された CSSOM インターフェイス {{Obsolete_Inline}}</h3>
+<h3 id="Obsolete_CSSOM_interfaces">廃止された CSSOM インターフェイス {{deprecated_inline}}</h3>
 
-<p>{{Obsolete_Header}}</p>
+<p>{{deprecated_header}}</p>
 
 <div class="index">
 <ul>
- <li>{{DOMxRef("CSSPrimitiveValue")}} {{Obsolete_Inline}}</li>
- <li>{{DOMxRef("CSSValue")}} {{Obsolete_Inline}}</li>
- <li>{{DOMxRef("CSSValueList")}} {{Obsolete_Inline}}</li>
+ <li>{{DOMxRef("CSSPrimitiveValue")}} {{deprecated_inline}}</li>
+ <li>{{DOMxRef("CSSValue")}} {{deprecated_inline}}</li>
+ <li>{{DOMxRef("CSSValueList")}} {{deprecated_inline}}</li>
 </ul>
 </div>
 
-<h2 id="Tutorials" name="Tutorials">チュートリアル</h2>
+<h2 id="Tutorials">チュートリアル</h2>
 
 <ul>
- <li><a href="/ja/docs/Determining_the_dimensions_of_elements">Determining the dimensions of elements</a> (これは DHTML/Ajax 時代に作られたのでいくらか更新が必要です)。</li>
+ <li><a href="/ja/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements">Determining the dimensions of elements</a> (これは DHTML/Ajax 時代に作られたのでいくらか更新が必要です)。</li>
  <li><a href="/ja/docs/Web/API/CSS_Object_Model/Managing_screen_orientation">画面の向きの管理</a></li>
 </ul>
 
-<h2 id="Specifications" name="Specifications">仕様書</h2>
+<h2 id="Specifications">仕様書</h2>
 
 <table class="standard-table">
  <tbody>
@@ -195,7 +192,7 @@ translation_of: Web/API/CSS_Object_Model
  </tbody>
 </table>
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
 
 <p>この機能のすべてはさまざまなブラウザーで何年かけて少しずつ追加されてきました。これは簡単なページにまとめることができないとても複雑なプロセスでした。利用できるかについてはそれぞれのインターフェイスを参照してください。</p>
 
diff --git a/files/ja/web/javascript/reference/global_objects/string/big/index.html b/files/ja/web/javascript/reference/global_objects/string/big/index.html
index 7d9e1a69d6..35bcb8a53e 100644
--- a/files/ja/web/javascript/reference/global_objects/string/big/index.html
+++ b/files/ja/web/javascript/reference/global_objects/string/big/index.html
@@ -2,13 +2,15 @@
 title: String.prototype.big()
 slug: Web/JavaScript/Reference/Global_Objects/String/big
 tags:
-  - Deprecated
-  - HTML wrapper methods
-  - JavaScript
-  - Method
-  - Prototype
-  - Reference
-  - String
+- Deprecated
+- HTML wrapper methods
+- JavaScript
+- Method
+- Prototype
+- Reference
+- String
+- Polyfill
+browser-compat: javascript.builtins.String.big
 translation_of: Web/JavaScript/Reference/Global_Objects/String/big
 ---
 <div>{{JSRef}} {{deprecated_header}}</div>
@@ -16,61 +18,51 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/big
 <p><strong><code>big()</code></strong> メソッドは、文字列が大きなフォントで表示されるように HTML の {{HTMLElement("big")}} 要素を生成します。</p>
 
 <div class="note">
-<p><strong>使用上の注意:</strong> &lt;big&gt; 要素は <a href="/ja/docs/Web/Guide/HTML/HTML5">HTML5</a> で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は <a href="/ja/docs/Web/CSS">CSS</a> プロパティを使用してください。</p>
+  <p><strong>注:</strong> &lt;big&gt; 要素は <a href="/ja/docs/Glossary/HTML5">HTML5</a> で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は <a href="/ja/docs/Web/CSS">CSS</a> プロパティを使用してください。</p>
 </div>
 
-<h2 id="Syntax" name="Syntax">構文</h2>
+<h2 id="Syntax">構文</h2>
 
-<pre class="syntaxbox notranslate"><var>str</var>.big()</pre>
+<pre class="brush: js">big()</pre>
 
-<h3 id="Return_value" name="Return_value">返値</h3>
+<h3 id="Return_value">返値</h3>
 
 <p>HTML の {{HTMLElement("big")}} 要素を含む文字列です。</p>
 
-<h2 id="Description" name="Description">解説</h2>
+<h2 id="Description">解説</h2>
 
 <p><code>big()</code> メソッドは、文字列を <code>&lt;big&gt;</code> 要素の中に、 "<code>&lt;big&gt;str&lt;/big&gt;</code>" のように埋め込みます。</p>
 
-<h2 id="Examples" name="Examples">例</h2>
+<h2 id="Examples">例</h2>
 
-<h3 id="big_の使用">big() の使用</h3>
+<h3 id="Using_big">big() の使用</h3>
 
 <p>以下の例では文字列のメソッドを使用して、文字列の大きさを変更しています。</p>
 
-<pre class="brush: js notranslate">var worldString = 'Hello, world';
+<pre class="brush: js">var worldString = 'Hello, world';
 
 console.log(worldString.small());     // &lt;small&gt;Hello, world&lt;/small&gt;
 console.log(worldString.big());       // &lt;big&gt;Hello, world&lt;/big&gt;
 console.log(worldString.fontsize(7)); // &lt;fontsize=7&gt;Hello, world&lt;/fontsize&gt;
 </pre>
 
-<p>{{domxref("ElementCSSInlineStyle/style", "element.style")}} オブジェクトを使用すると、要素の <code>style</code> 属性を使用して、次のようにもっと汎用的に操作することができます。</p>
+<p>{{domxref("HTMLElement/style", "element.style")}} オブジェクトを使用すると、要素の <code>style</code> 属性を使用して、次のようにもっと汎用的に操作することができます。</p>
 
-<pre class="brush: js notranslate">document.getElementById('yourElemId').style.fontSize = '2em';
+<pre class="brush: js">document.getElementById('yourElemId').style.fontSize = '2em';
 </pre>
 
-<h2 id="Specifications" name="Specifications">仕様書</h2>
+<h2 id="Specifications">仕様書</h2>
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様書</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('ESDraft', '#sec-string.prototype.big', 'String.prototype.big')}}</td>
-  </tr>
- </tbody>
-</table>
+{{Specifications}}
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
 
-<p>{{Compat("javascript.builtins.String.big")}}</p>
+<p>{{Compat}}</p>
 
-<h2 id="See_also" name="See_also">関連情報</h2>
+<h2 id="See_also">関連情報</h2>
 
 <ul>
- <li>{{jsxref("String.prototype.fontsize()")}}</li>
- <li>{{jsxref("String.prototype.small()")}}</li>
+  <li><code>String.prototype.big</code> のポリフィルは <a href="https://github.com/zloirock/core-js#ecmascript-string-and-regexp"><code>core-js</code></a> から利用できます</li>
+  <li>{{jsxref("String.prototype.fontsize()")}}</li>
+  <li>{{jsxref("String.prototype.small()")}}</li>
 </ul>
diff --git a/files/ja/web/javascript/reference/global_objects/string/fontcolor/index.html b/files/ja/web/javascript/reference/global_objects/string/fontcolor/index.html
index 00554e3bae..d4fa150d44 100644
--- a/files/ja/web/javascript/reference/global_objects/string/fontcolor/index.html
+++ b/files/ja/web/javascript/reference/global_objects/string/fontcolor/index.html
@@ -2,13 +2,15 @@
 title: String.prototype.fontcolor()
 slug: Web/JavaScript/Reference/Global_Objects/String/fontcolor
 tags:
-  - Deprecated
-  - HTML wrapper methods
-  - JavaScript
-  - Method
-  - Prototype
-  - Reference
-  - String
+- Deprecated
+- HTML wrapper methods
+- JavaScript
+- Method
+- Prototype
+- Reference
+- String
+- Polyfill
+browser-compat: javascript.builtins.String.fontcolor
 translation_of: Web/JavaScript/Reference/Global_Objects/String/fontcolor
 ---
 <div>{{JSRef}} {{deprecated_header}}</div>
@@ -16,35 +18,35 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fontcolor
 <p><strong><code>fontcolor()</code></strong> メソッドは、文字列を指定された色で表示させる HTML の {{HTMLElement("font")}} 要素を生成します。</p>
 
 <div class="note">
-<p><strong>使用上の注意:</strong> &lt;font&gt; 要素は <a href="/ja/docs/Web/Guide/HTML/HTML5">HTML5</a> で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は <a href="/ja/docs/Web/CSS">CSS</a> プロパティを使用してください。</p>
+<p><strong>注:</strong> &lt;font&gt; 要素は <a href="/ja/docs/Glossary/HTML5">HTML5</a> で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は <a href="/ja/docs/Web/CSS">CSS</a> プロパティを使用してください。</p>
 </div>
 
-<h2 id="Syntax" name="Syntax">構文</h2>
+<h2 id="Syntax">構文</h2>
 
-<pre class="syntaxbox notranslate"><var>str</var>.fontcolor(<var>color</var>)</pre>
+<pre class="brush: js">fontcolor(color)</pre>
 
-<h3 id="Parameters" name="Parameters">引数</h3>
+<h3 id="Parameters">引数</h3>
 
 <dl>
  <dt><code><var>color</var></code></dt>
  <dd>16進数の RGB 値または文字列リテラルで色を表す文字列です。 <a href="/ja/docs/Web/CSS/color_value">CSS 色リファレンス</a>に、色名の文字列リテラルの一覧があります。</dd>
 </dl>
 
-<h3 id="Return_value" name="Return_value">返値</h3>
+<h3 id="Return_value">返値</h3>
 
 <p>HTML の {{HTMLElement("font")}} 要素を含む文字列です。</p>
 
-<h2 id="Description" name="Description">解説</h2>
+<h2 id="Description">解説</h2>
 
 <p>色を16進数の RGB 値で表現する場合は、 <code>rrggbb</code> の書式を使用する必要があります。例えば、サーモン色は red=FA, green=80, blue=72 であるため、サーモン色の RGB 値は "<code>FA8072</code>" です。</p>
 
-<h2 id="Examples" name="Examples">例</h2>
+<h2 id="Examples">例</h2>
 
-<h3 id="Using_fontcolor" name="Using_fontcolor">fontcolor() の使用</h3>
+<h3 id="Using_fontcolor">fontcolor() の使用</h3>
 
 <p>以下の例は <code>fontcolor()</code> メソッドを使用して、 HTML の <code>&lt;font&gt;</code> 要素を伴う文字列を生成することで文字列の色を変更しています。</p>
 
-<pre class="brush: js notranslate">var worldString = 'Hello, world';
+<pre class="brush: js">var worldString = 'Hello, world';
 
 console.log(worldString.fontcolor('red') +  ' is red in this line');
 // '&lt;font color="red"&gt;Hello, world&lt;/font&gt; is red in this line'
@@ -53,32 +55,22 @@ console.log(worldString.fontcolor('FF00') + ' is red in hexadecimal in this line
 // '&lt;font color="FF00"&gt;Hello, world&lt;/font&gt; is red in hexadecimal in this line'
 </pre>
 
-<p>{{domxref("ElementCSSInlineStyle/style", "element.style")}} オブジェクトを使用すると、要素の <code>style</code> 属性を使用して、次のようにもっと汎用的に操作することができます。</p>
+<p>{{domxref("HTMLElement/style", "element.style")}} オブジェクトを使用すると、要素の <code>style</code> 属性を使用して、次のようにもっと汎用的に操作することができます。</p>
 
-<pre class="brush: js notranslate">document.getElementById('yourElemId').style.color = 'red';
+<pre class="brush: js">document.getElementById('yourElemId').style.color = 'red';
 </pre>
 
-<h2 id="Specifications" name="Specifications">仕様書</h2>
+<h2 id="Specifications">仕様書</h2>
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様書</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('ESDraft', '#sec-string.prototype.fontcolor', 'String.prototype.fontcolor')}}</td>
-  </tr>
- </tbody>
-</table>
+{{Specifications}}
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
 
-<p>{{Compat("javascript.builtins.String.fontcolor")}}</p>
+<p>{{Compat}}</p>
 
-<h2 id="See_also" name="See_also">関連情報</h2>
+<h2 id="See_also">関連情報</h2>
 
 <ul>
- <li>{{jsxref("String.prototype.fontsize()")}}</li>
+  <li><code>String.prototype.fontcolor</code> のポリフィルは <a href="https://github.com/zloirock/core-js#ecmascript-string-and-regexp"><code>core-js</code></a> で利用できます。</li>
+  <li>{{jsxref("String.prototype.fontsize()")}}</li>
 </ul>
diff --git a/files/ja/web/javascript/reference/global_objects/string/fontsize/index.html b/files/ja/web/javascript/reference/global_objects/string/fontsize/index.html
index 64c21185f5..ed180f3a27 100644
--- a/files/ja/web/javascript/reference/global_objects/string/fontsize/index.html
+++ b/files/ja/web/javascript/reference/global_objects/string/fontsize/index.html
@@ -2,13 +2,15 @@
 title: String.prototype.fontsize()
 slug: Web/JavaScript/Reference/Global_Objects/String/fontsize
 tags:
-  - Deprecated
-  - HTML wrapper methods
-  - JavaScript
-  - Method
-  - Prototype
-  - Reference
-  - String
+- Deprecated
+- HTML wrapper methods
+- JavaScript
+- Method
+- Prototype
+- Reference
+- String
+- Polyfill
+browser-compat: javascript.builtins.String.fontsize
 translation_of: Web/JavaScript/Reference/Global_Objects/String/fontsize
 ---
 <div>{{JSRef}} {{deprecated_header}}</div>
@@ -16,68 +18,58 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fontsize
 <p><strong><code>fontsize()</code></strong> メソッドは、文字列を指定された大きさで表示させる HTML の {{HTMLElement("font")}} 要素を生成します。</p>
 
 <div class="note">
-<p><strong>使用上の注意:</strong> &lt;font&gt; 要素は <a href="/ja/docs/Web/Guide/HTML/HTML5">HTML5</a> で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は <a href="/ja/docs/Web/CSS">CSS</a> プロパティを使用してください。</p>
+<p><strong>注:</strong> &lt;font&gt; 要素は <a href="/ja/docs/Glossary/HTML5">HTML5</a> で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は <a href="/ja/docs/Web/CSS">CSS</a> プロパティを使用してください。</p>
 </div>
 
-<h2 id="Syntax" name="Syntax">構文</h2>
+<h2 id="Syntax">構文</h2>
 
-<pre class="syntaxbox notranslate"><var>str</var>.fontsize(<var>size</var>)</pre>
+<pre class="brush: js">fontsize(size)</pre>
 
-<h3 id="Parameters" name="Parameters">引数</h3>
+<h3 id="Parameters">引数</h3>
 
 <dl>
- <dt><code><var>size</var></code></dt>
- <dd>1 ～ 7 の整数、 1 ～ 7 の符号付き整数を表す文字列です。</dd>
+  <dt><code><var>size</var></code></dt>
+  <dd>1 ～ 7 の整数、 1 ～ 7 の符号付き整数を表す文字列です。</dd>
 </dl>
 
-<h3 id="Return_value" name="Return_value">返値</h3>
+<h3 id="Return_value">返値</h3>
 
 <p>HTML の {{HTMLElement("font")}} 要素を含む文字列です。</p>
 
-<h2 id="Description" name="Description">解説</h2>
+<h2 id="Description">解説</h2>
 
 <p>大きさを整数で指定した場合は、 <code>str</code> のフォントの大きさを7つの定義済みの大きさで設定します。 <code>size</code> を "-2" のような文字列で指定すると、 <code>str</code> のフォントの大きさを {{HTMLElement("basefont")}} 要素からの相対的な大きさを設定します。</p>
 
-<h2 id="Examples" name="Examples">例</h2>
+<h2 id="Examples">例</h2>
 
-<h3 id="Using_fontsize" name="Using_fontsize">fontsize() の使用</h3>
+<h3 id="Using_fontsize">fontsize() の使用</h3>
 
 <p>以下の例では文字列のメソッドを使用して、文字列の大きさを変更しています。</p>
 
-<pre class="brush: js notranslate">var worldString = 'Hello, world';
+<pre class="brush: js">var worldString = 'Hello, world';
 
 console.log(worldString.small());     // &lt;small&gt;Hello, world&lt;/small&gt;
 console.log(worldString.big());       // &lt;big&gt;Hello, world&lt;/big&gt;
 console.log(worldString.fontsize(7)); // &lt;font size="7"&gt;Hello, world&lt;/fontsize&gt;
 </pre>
 
-<p>{{domxref("ElementCSSInlineStyle/style", "element.style")}} オブジェクトを使用すると、要素の <code>style</code> 属性を使用して、次のようにもっと汎用的に操作することができます。</p>
+<p>{{domxref("HTMLElement/style", "element.style")}} オブジェクトを使用すると、要素の <code>style</code> 属性を使用して、次のようにもっと汎用的に操作することができます。</p>
 
-<pre class="brush: js notranslate">document.getElementById('yourElemId').style.fontSize = '0.7em';
+<pre class="brush: js">document.getElementById('yourElemId').style.fontSize = '0.7em';
 </pre>
 
-<h2 id="Specifications" name="Specifications">仕様書</h2>
+<h2 id="Specifications">仕様書</h2>
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様書</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('ESDraft', '#sec-string.prototype.fontsize', 'String.prototype.fontsize')}}</td>
-  </tr>
- </tbody>
-</table>
+{{Specifications}}
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
 
-<p>{{Compat("javascript.builtins.String.fontsize")}}</p>
+<p>{{Compat}}</p>
 
-<h2 id="See_also" name="See_also">関連情報</h2>
+<h2 id="See_also">関連情報</h2>
 
 <ul>
- <li>{{jsxref("String.prototype.big()")}}</li>
- <li>{{jsxref("String.prototype.small()")}}</li>
+  <li><code>String.prototype.fontsize</code> のポリフィルは <a href="https://github.com/zloirock/core-js#ecmascript-string-and-regexp"><code>core-js</code></a> で利用できます</li>
+  <li>{{jsxref("String.prototype.big()")}}</li>
+  <li>{{jsxref("String.prototype.small()")}}</li>
 </ul>
diff --git a/files/ja/web/javascript/reference/global_objects/string/small/index.html b/files/ja/web/javascript/reference/global_objects/string/small/index.html
index 5e18de421a..40beeca185 100644
--- a/files/ja/web/javascript/reference/global_objects/string/small/index.html
+++ b/files/ja/web/javascript/reference/global_objects/string/small/index.html
@@ -2,71 +2,63 @@
 title: String.prototype.small()
 slug: Web/JavaScript/Reference/Global_Objects/String/small
 tags:
-  - Deprecated
-  - HTML wrapper methods
-  - JavaScript
-  - Method
-  - Prototype
-  - Reference
-  - String
+- Deprecated
+- HTML wrapper methods
+- JavaScript
+- Method
+- Prototype
+- Reference
+- String
+- Polyfill
+browser-compat: javascript.builtins.String.small
 translation_of: Web/JavaScript/Reference/Global_Objects/String/small
 ---
 <div>{{JSRef}} {{deprecated_header}}</div>
 
 <p><strong><code>small()</code></strong> メソッドは、文字列が小さなフォントで表示されるように HTML の {{HTMLElement("small")}} 要素を生成します。</p>
 
-<h2 id="Syntax" name="Syntax">構文</h2>
+<h2 id="Syntax">構文</h2>
 
-<pre class="syntaxbox notranslate"><var>str</var>.small()</pre>
+<pre class="brush: js">small()</pre>
 
-<h3 id="Return_value" name="Return_value">返値</h3>
+<h3 id="Return_value">返値</h3>
 
 <p>HTML の {{HTMLElement("small")}} 要素を含む文字列です。</p>
 
-<h2 id="Description" name="Description">解説</h2>
+<h2 id="Description">解説</h2>
 
 <p><code>small()</code> メソッドは、文字列を <code>&lt;small&gt;</code> 要素の中に、 "<code>&lt;small&gt;str&lt;/small&gt;</code>" のように埋め込みます。</p>
 
-<h2 id="Examples" name="Examples">例</h2>
+<h2 id="Examples">例</h2>
 
-<h3 id="small_の使用">small() の使用</h3>
+<h3 id="Using_small">small() の使用</h3>
 
 <p>以下の例では文字列のメソッドを使用して、文字列の大きさを変更しています。</p>
 
-<pre class="brush: js notranslate">var worldString = 'Hello, world';
+<pre class="brush: js">var worldString = 'Hello, world';
 
 console.log(worldString.small());     // &lt;small&gt;Hello, world&lt;/small&gt;
 console.log(worldString.big());       // &lt;big&gt;Hello, world&lt;/big&gt;
 console.log(worldString.fontsize(7)); // &lt;font size="7"&gt;Hello, world&lt;/fontsize&gt;
 </pre>
 
-<p>{{domxref("ElementCSSInlineStyle/style", "element.style")}} オブジェクトを使用すると、要素の <code>style</code> 属性を使用して、次のようにもっと汎用的に操作することができます。</p>
+<p>{{domxref("HTMLElement/style", "element.style")}} オブジェクトを使用すると、要素の <code>style</code> 属性を使用して、次のようにもっと汎用的に操作することができます。</p>
 
-<pre class="brush: js notranslate">document.getElementById('yourElemId').style.fontSize = '0.7em';
+<pre class="brush: js">document.getElementById('yourElemId').style.fontSize = '0.7em';
 </pre>
 
-<h2 id="Specifications" name="Specifications">仕様書</h2>
+<h2 id="Specifications">仕様書</h2>
 
-<table class="standard-table">
- <thead>
-  <tr>
-   <th scope="col">仕様書</th>
-  </tr>
- </thead>
- <tbody>
-  <tr>
-   <td>{{SpecName('ESDraft', '#sec-string.prototype.small', 'String.prototype.small')}}</td>
-  </tr>
- </tbody>
-</table>
+{{Specifications}}
 
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
+<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
 
-<p>{{Compat("javascript.builtins.String.small")}}</p>
+<p>{{Compat}}</p>
 
-<h2 id="See_also" name="See_also">関連情報</h2>
+<h2 id="See_also">関連情報</h2>
 
 <ul>
- <li>{{jsxref("String.prototype.fontsize()")}}</li>
- <li>{{jsxref("String.prototype.big()")}}</li>
+  <li><code>String.prototype.small</code> のポリフィルは <a href="https://github.com/zloirock/core-js#ecmascript-string-and-regexp"><code>core-js</code></a> で利用できます</li>
+  <li>{{jsxref("String.prototype.fontsize()")}}</li>
+  <li>{{jsxref("String.prototype.big()")}}</li>
 </ul>