From fbfc821d0024098150072144bf198f17f7ecb98f Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 30 Jul 2021 12:58:58 +0900 Subject: ElementCSSInlineStyle の削除関係 (#1591) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ElementCSSInlineStyle の削除に関連する各ファイルを最新の英語版に同期 --- files/ja/web/api/css_object_model/index.html | 33 +++++------ .../reference/global_objects/string/big/index.html | 62 +++++++++----------- .../global_objects/string/fontcolor/index.html | 62 +++++++++----------- .../global_objects/string/fontsize/index.html | 68 ++++++++++------------ .../global_objects/string/small/index.html | 60 +++++++++---------- 5 files changed, 125 insertions(+), 160 deletions(-) (limited to 'files/ja') 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 ---

{{DefaultAPISidebar("CSSOM")}}

-

CSS オブジェクトモデルは CSS を JavaScript から操作するための API の集合です。これは DOM にとても良く似ていますが HTML ではなく CSS のためのものです。これにより CSS スタイルを動的に読んだり変更したりすることができます。

+

CSS オブジェクトモデルは CSS を JavaScript から操作するための API の集合です。これは DOM にとても良く似ていますが、 HTML ではなく CSS のためのものです。これにより CSS スタイルを動的に読んだり変更したりすることができます。

+

CSS の値は型を使わずに表現しますので、 {{JSxRef("String")}} オブジェクトを使用します。

-

リファレンス

+

リファレンス

-

他にも CSSOM に関する仕様書で拡張されているインターフェイスがあります。 {{DOMxRef("Document")}}, {{DOMxRef("Window")}}, {{DOMxRef("Element")}}, {{DOMxRef("HTMLElement")}}, {{DOMxRef("HTMLImageElement")}}, {{DOMxRef("Range")}}, {{DOMxRef("MouseEvent")}}, {{DOMxRef("SVGElement")}}

+

他にも CSSOM に関する仕様書で拡張されているインターフェイスがあります。 {{DOMxRef("Document")}}, {{DOMxRef("Window")}}, {{DOMxRef("Element")}}, {{DOMxRef("HTMLElement")}}, {{DOMxRef("HTMLImageElement")}}, {{DOMxRef("Range")}}, {{DOMxRef("MouseEvent")}}, {{DOMxRef("SVGElement")}} です。

-

CSS 型付きオブジェクトモデル {{Experimental_Inline}}

+

CSS 型付きオブジェクトモデル {{Experimental_Inline}}

{{SeeCompatTable}}

@@ -99,26 +96,26 @@ translation_of: Web/API/CSS_Object_Model -

廃止された CSSOM インターフェイス {{Obsolete_Inline}}

+

廃止された CSSOM インターフェイス {{deprecated_inline}}

-

{{Obsolete_Header}}

+

{{deprecated_header}}

-

チュートリアル

+

チュートリアル

-

仕様書

+

仕様書

@@ -195,7 +192,7 @@ translation_of: Web/API/CSS_Object_Model
-

ブラウザーの互換性

+

ブラウザーの互換性

この機能のすべてはさまざまなブラウザーで何年かけて少しずつ追加されてきました。これは簡単なページにまとめることができないとても複雑なプロセスでした。利用できるかについてはそれぞれのインターフェイスを参照してください。

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 ---
{{JSRef}} {{deprecated_header}}
@@ -16,61 +18,51 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/big

big() メソッドは、文字列が大きなフォントで表示されるように HTML の {{HTMLElement("big")}} 要素を生成します。

-

使用上の注意: <big> 要素は HTML5 で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は CSS プロパティを使用してください。

+

注: <big> 要素は HTML5 で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は CSS プロパティを使用してください。

-

構文

+

構文

-
str.big()
+
big()
-

返値

+

返値

HTML の {{HTMLElement("big")}} 要素を含む文字列です。

-

解説

+

解説

big() メソッドは、文字列を <big> 要素の中に、 "<big>str</big>" のように埋め込みます。

-

例

+

例

-

big() の使用

+

big() の使用

以下の例では文字列のメソッドを使用して、文字列の大きさを変更しています。

-
var worldString = 'Hello, world';
+
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>
 

 
-
{{domxref("ElementCSSInlineStyle/style", "element.style")}} オブジェクトを使用すると、要素の style 属性を使用して、次のようにもっと汎用的に操作することができます。

+
{{domxref("HTMLElement/style", "element.style")}} オブジェクトを使用すると、要素の style 属性を使用して、次のようにもっと汎用的に操作することができます。

 
-
document.getElementById('yourElemId').style.fontSize = '2em';
+
document.getElementById('yourElemId').style.fontSize = '2em';
 

 
-
仕様書

+
仕様書

 
-
- 
-  
-   
-  
- 
- 
-  
-   
-  
- 
-
仕様書
{{SpecName('ESDraft', '#sec-string.prototype.big', 'String.prototype.big')}}

+{{Specifications}}
 
-
ブラウザーの互換性

+
ブラウザーの互換性

 
-
{{Compat("javascript.builtins.String.big")}}

+
{{Compat}}

 
-
関連情報

+
関連情報

 
 
    
- 
  • {{jsxref("String.prototype.fontsize()")}}
    • 
- 
  • {{jsxref("String.prototype.small()")}}
    • 
+  
  • String.prototype.big のポリフィルは core-js から利用できます
    • 
+  
  • {{jsxref("String.prototype.fontsize()")}}
    • 
+  
  • {{jsxref("String.prototype.small()")}}
    • 
 

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
 ---
 
{{JSRef}} {{deprecated_header}}

@@ -16,35 +18,35 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fontcolor
 
fontcolor() メソッドは、文字列を指定された色で表示させる HTML の {{HTMLElement("font")}} 要素を生成します。

 
 

-
使用上の注意: <font> 要素は HTML5 で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は CSS プロパティを使用してください。

+
注: <font> 要素は HTML5 で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は CSS プロパティを使用してください。

 

 
-
構文

+
構文

 
-
str.fontcolor(color)

+
fontcolor(color)

 
-
引数

+
引数

 
 

  
color

  
16進数の RGB 値または文字列リテラルで色を表す文字列です。 CSS 色リファレンスに、色名の文字列リテラルの一覧があります。

 

 
-
返値

+
返値

 
 
HTML の {{HTMLElement("font")}} 要素を含む文字列です。

 
-
解説

+
解説

 
 
色を16進数の RGB 値で表現する場合は、 rrggbb の書式を使用する必要があります。例えば、サーモン色は red=FA, green=80, blue=72 であるため、サーモン色の RGB 値は "FA8072" です。

 
-
例

+
例

 
-
fontcolor() の使用

+
fontcolor() の使用

 
 
以下の例は fontcolor() メソッドを使用して、 HTML の <font> 要素を伴う文字列を生成することで文字列の色を変更しています。

 
-
var worldString = 'Hello, world';
+
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'
 

 
-
{{domxref("ElementCSSInlineStyle/style", "element.style")}} オブジェクトを使用すると、要素の style 属性を使用して、次のようにもっと汎用的に操作することができます。

+
{{domxref("HTMLElement/style", "element.style")}} オブジェクトを使用すると、要素の style 属性を使用して、次のようにもっと汎用的に操作することができます。

 
-
document.getElementById('yourElemId').style.color = 'red';
+
document.getElementById('yourElemId').style.color = 'red';
 

 
-
仕様書

+
仕様書

 
-
- 
-  
-   
-  
- 
- 
-  
-   
-  
- 
-
仕様書
{{SpecName('ESDraft', '#sec-string.prototype.fontcolor', 'String.prototype.fontcolor')}}

+{{Specifications}}
 
-
ブラウザーの互換性

+
ブラウザーの互換性

 
-
{{Compat("javascript.builtins.String.fontcolor")}}

+
{{Compat}}

 
-
関連情報

+
関連情報

 
 
    
- 
  • {{jsxref("String.prototype.fontsize()")}}
    • 
+  
  • String.prototype.fontcolor のポリフィルは core-js で利用できます。
    • 
+  
  • {{jsxref("String.prototype.fontsize()")}}
    • 
 

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
 ---
 
{{JSRef}} {{deprecated_header}}

@@ -16,68 +18,58 @@ translation_of: Web/JavaScript/Reference/Global_Objects/String/fontsize
 
fontsize() メソッドは、文字列を指定された大きさで表示させる HTML の {{HTMLElement("font")}} 要素を生成します。

 
 

-
使用上の注意: <font> 要素は HTML5 で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は CSS プロパティを使用してください。

+
注: <font> 要素は HTML5 で廃止されており、今後使用するべきではありません。代わりにウェブ開発者は CSS プロパティを使用してください。

 

 
-
構文

+
構文

 
-
str.fontsize(size)

+
fontsize(size)

 
-
引数

+
引数

 
 

- 
size

- 
1 ～ 7 の整数、 1 ～ 7 の符号付き整数を表す文字列です。

+  
size

+  
1 ～ 7 の整数、 1 ～ 7 の符号付き整数を表す文字列です。

 

 
-
返値

+
返値

 
 
HTML の {{HTMLElement("font")}} 要素を含む文字列です。

 
-
解説

+
解説

 
 
大きさを整数で指定した場合は、 str のフォントの大きさを7つの定義済みの大きさで設定します。 size を "-2" のような文字列で指定すると、 str のフォントの大きさを {{HTMLElement("basefont")}} 要素からの相対的な大きさを設定します。

 
-
例

+
例

 
-
fontsize() の使用

+
fontsize() の使用

 
 
以下の例では文字列のメソッドを使用して、文字列の大きさを変更しています。

 
-
var worldString = 'Hello, world';
+
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>
 

 
-
{{domxref("ElementCSSInlineStyle/style", "element.style")}} オブジェクトを使用すると、要素の style 属性を使用して、次のようにもっと汎用的に操作することができます。

+
{{domxref("HTMLElement/style", "element.style")}} オブジェクトを使用すると、要素の style 属性を使用して、次のようにもっと汎用的に操作することができます。

 
-
document.getElementById('yourElemId').style.fontSize = '0.7em';
+
document.getElementById('yourElemId').style.fontSize = '0.7em';
 

 
-
仕様書

+
仕様書

 
-
- 
-  
-   
-  
- 
- 
-  
-   
-  
- 
-
仕様書
{{SpecName('ESDraft', '#sec-string.prototype.fontsize', 'String.prototype.fontsize')}}

+{{Specifications}}
 
-
ブラウザーの互換性

+
ブラウザーの互換性

 
-
{{Compat("javascript.builtins.String.fontsize")}}

+
{{Compat}}

 
-
関連情報

+
関連情報

 
 
    
- 
  • {{jsxref("String.prototype.big()")}}
    • 
- 
  • {{jsxref("String.prototype.small()")}}
    • 
+  
  • String.prototype.fontsize のポリフィルは core-js で利用できます
    • 
+  
  • {{jsxref("String.prototype.big()")}}
    • 
+  
  • {{jsxref("String.prototype.small()")}}
    • 
 

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
 ---
 
{{JSRef}} {{deprecated_header}}

 
 
small() メソッドは、文字列が小さなフォントで表示されるように HTML の {{HTMLElement("small")}} 要素を生成します。

 
-
構文

+
構文

 
-
str.small()

+
small()

 
-
返値

+
返値

 
 
HTML の {{HTMLElement("small")}} 要素を含む文字列です。

 
-
解説

+
解説

 
 
small() メソッドは、文字列を <small> 要素の中に、 "<small>str</small>" のように埋め込みます。

 
-
例

+
例

 
-
small() の使用

+
small() の使用

 
 
以下の例では文字列のメソッドを使用して、文字列の大きさを変更しています。

 
-
var worldString = 'Hello, world';
+
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>
 

 
-
{{domxref("ElementCSSInlineStyle/style", "element.style")}} オブジェクトを使用すると、要素の style 属性を使用して、次のようにもっと汎用的に操作することができます。

+
{{domxref("HTMLElement/style", "element.style")}} オブジェクトを使用すると、要素の style 属性を使用して、次のようにもっと汎用的に操作することができます。

 
-
document.getElementById('yourElemId').style.fontSize = '0.7em';
+
document.getElementById('yourElemId').style.fontSize = '0.7em';
 

 
-
仕様書

+
仕様書

 
-
- 
-  
-   
-  
- 
- 
-  
-   
-  
- 
-
仕様書
{{SpecName('ESDraft', '#sec-string.prototype.small', 'String.prototype.small')}}

+{{Specifications}}
 
-
ブラウザーの互換性

+
ブラウザーの互換性

 
-
{{Compat("javascript.builtins.String.small")}}

+
{{Compat}}

 
-
関連情報

+
関連情報

 
 
    
- 
  • {{jsxref("String.prototype.fontsize()")}}
    • 
- 
  • {{jsxref("String.prototype.big()")}}
    • 
+  
  • String.prototype.small のポリフィルは core-js で利用できます
    • 
+  
  • {{jsxref("String.prototype.fontsize()")}}
    • 
+  
  • {{jsxref("String.prototype.big()")}}
    • 
 

-- 
cgit v1.2.3-54-g00ecf