Skip to content

Commit

Permalink
2023/09/16 時点の英語版に同期 (#16148)
Browse files Browse the repository at this point in the history
2023/09/16 時点の英語版に同期
  • Loading branch information
mfuji09 authored Oct 1, 2023
1 parent 54a7e17 commit da1a556
Showing 1 changed file with 22 additions and 12 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,25 @@
title: String.prototype.big()
slug: Web/JavaScript/Reference/Global_Objects/String/big
l10n:
sourceCommit: f3df52530f974e26dd3b14f9e8d42061826dea20
sourceCommit: 5a2cea779777daaff451f21ca3b7f4c28a68de9e
---

{{JSRef}} {{deprecated_header}}
{{JSRef}} {{Deprecated_Header}}

**`big()`** メソッドは、文字列を {{HTMLElement("big")}} 要素の中に埋め込み (`<big>str</big>`)、文字列が大きなフォントで表示されるようにします
**`big()`** は {{jsxref("String")}} 値のメソッドで、kの文字列を {{HTMLElement("big")}} 要素の中に埋め込み (`<big>str</big>`)、この文字列が大きなフォントで表示されるようにします

> **警告:** [HTML ラッパーメソッド](/ja/docs/Web/JavaScript/Reference/Global_Objects/String#html_ラッパーメソッド)はすべて非推奨となっており、互換性目的のみで標準化されています。`<big>` 要素自体は [HTML5](/ja/docs/Glossary/HTML5) で削除されており、今後使用するべきではありません。代わりにウェブ開発者は [CSS](/ja/docs/Web/CSS) プロパティを使用してください。
> **警告:** [HTML ラッパーメソッド](/ja/docs/Web/JavaScript/Reference/Global_Objects/String#html_ラッパーメソッド)はすべて非推奨となっており、互換性目的のみで標準化されています。`<big>` 要素自体は HTML 仕様書から削除されており、今後使用するべきではありません。代わりにウェブ開発者は [CSS](/ja/docs/Web/CSS) プロパティを使用してください。
## 構文

```js-nolint
big()
```

### 引数

なし。

### 返値

`<big>` 開始タグで始まり、`str` のテキストが来て、 `</big>` 終了タグが来る文字列です。
Expand All @@ -25,17 +29,23 @@ big()

### big() の使用

以下の例では文字列のメソッドを使用して、文字列の大きさを変更しています
下記のコードは HTML 文字列を作成し、文書内の本体を文字列で置き換えています

```js
const worldString = "Hello, world";
const contentString = "Hello, world";

document.body.innerHTML = contentString.big();
```

これで次の HTML が作成されます。

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</font>
```html
<big>Hello, world</big>
```

{{domxref("HTMLElement/style", "element.style")}} オブジェクトを使用すると、要素の `style` 属性を使用して、次のようにもっと汎用的に操作することができます。
> **警告:** `big` は有効な要素ではなくなっているので、このマークアップは無効です。
`big()` を使用して直接 HTML テキストを作成する代わりに、 CSS を使用してフォントを操作しましょう。例えば、 {{domxref("HTMLElement/style", "element.style")}} 属性を通して {{cssxref("font-size")}} を操作することができます。

```js
document.getElementById("yourElemId").style.fontSize = "2em";
Expand All @@ -52,5 +62,5 @@ document.getElementById("yourElemId").style.fontSize = "2em";
## 関連情報

- [`String.prototype.big` のポリフィル (`core-js`)](https://github.com/zloirock/core-js#ecmascript-string-and-regexp)
- {{jsxref("String.prototype.fontsize()")}}
- {{jsxref("String.prototype.small()")}}
- [HTML ラッパーメソッド](/ja/docs/Web/JavaScript/Reference/Global_Objects/String#html_ラッパーメソッド)
- {{HTMLElement("big")}}

0 comments on commit da1a556

Please sign in to comment.