diff options
| author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-07-30 12:58:58 +0900 | 
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-07-30 12:58:58 +0900 | 
| commit | fbfc821d0024098150072144bf198f17f7ecb98f (patch) | |
| tree | 8ca4c3d701b0cc0639f4e383c2549562c04f4cee /files/ja/web/javascript | |
| parent | 9a156759565dd2fc69becdef99b30e2405c41687 (diff) | |
| download | translated-content-fbfc821d0024098150072144bf198f17f7ecb98f.tar.gz translated-content-fbfc821d0024098150072144bf198f17f7ecb98f.tar.bz2 translated-content-fbfc821d0024098150072144bf198f17f7ecb98f.zip | |
ElementCSSInlineStyle の削除関係 (#1591)
ElementCSSInlineStyle の削除に関連する各ファイルを最新の英語版に同期
Diffstat (limited to 'files/ja/web/javascript')
4 files changed, 110 insertions, 142 deletions
| 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> <big> 要素は <a href="/ja/docs/Web/Guide/HTML/HTML5">HTML5</a> で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は <a href="/ja/docs/Web/CSS">CSS</a> プロパティを使用してください。</p> +  <p><strong>注:</strong> <big> 要素は <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><big></code> 要素の中に、 "<code><big>str</big></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());     // <small>Hello, world</small>  console.log(worldString.big());       // <big>Hello, world</big>  console.log(worldString.fontsize(7)); // <fontsize=7>Hello, world</fontsize>  </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> <font> 要素は <a href="/ja/docs/Web/Guide/HTML/HTML5">HTML5</a> で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は <a href="/ja/docs/Web/CSS">CSS</a> プロパティを使用してください。</p> +<p><strong>注:</strong> <font> 要素は <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><font></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');  // '<font color="red">Hello, world</font> is red in this line' @@ -53,32 +55,22 @@ console.log(worldString.fontcolor('FF00') + ' is red in hexadecimal in this line  // '<font color="FF00">Hello, world</font> 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> <font> 要素は <a href="/ja/docs/Web/Guide/HTML/HTML5">HTML5</a> で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は <a href="/ja/docs/Web/CSS">CSS</a> プロパティを使用してください。</p> +<p><strong>注:</strong> <font> 要素は <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());     // <small>Hello, world</small>  console.log(worldString.big());       // <big>Hello, world</big>  console.log(worldString.fontsize(7)); // <font size="7">Hello, world</fontsize>  </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><small></code> 要素の中に、 "<code><small>str</small></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());     // <small>Hello, world</small>  console.log(worldString.big());       // <big>Hello, world</big>  console.log(worldString.fontsize(7)); // <font size="7">Hello, world</fontsize>  </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> | 
