files/uk/web/javascript/reference/global_objects/string/small/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

---
title: String.prototype.small()
slug: Web/JavaScript/Reference/Global_Objects/String/small
tags:
  - JavaScript
  - String
  - метод
  - не рекомендований
  - рядок
translation_of: Web/JavaScript/Reference/Global_Objects/String/small
---
<div>{{JSRef}} {{deprecated_header}}</div>

<p>Метод <strong><code>small()</code></strong> створює HTML-елемент <a href="/uk/docs/Web/HTML/Element/small" title="HTML-елемент &lt;small> відображає супутні коментарі та дрібні надписи, такі як позначка авторського права та юридичний текст, незалежно від свого стильового відображення. За замовчуванням, він зменшує свій текст на один розмір, наприклад small до x-small."><code>&lt;small&gt;</code></a>, який відображає рядок зменшеним шрифтом.</p>

<h2 id="Синтаксис">Синтаксис</h2>

<pre class="syntaxbox"><code><var>str</var>.small()</code></pre>

<h3 id="Значення_що_повертається">Значення, що повертається</h3>

<p>Рядок, що містить HTML-елемент <a href="/uk/docs/Web/HTML/Element/small" title="HTML-елемент &lt;small> відображає супутні коментарі та дрібні надписи, такі як позначка авторського права та юридичний текст, незалежно від свого стильового відображення. За замовчуванням, він зменшує свій текст на один розмір, наприклад small до x-small."><code>&lt;small&gt;</code></a>.</p>

<h2 id="Опис">Опис</h2>

<p>Метод <code>small()</code> вбудовує рядок у тег <code>&lt;small&gt;</code>: <code>"&lt;small&gt;str&lt;/small&gt;"</code>.</p>

<h2 id="Приклади">Приклади</h2>

<h3 id="Використання_small">Використання <code>small()</code></h3>

<p>Наступний приклад використовує рядкові методи, щоб змінювати розмір рядка:</p>

<pre class="brush: js">var worldString = 'Привіт';

console.log(worldString.small());     // &lt;small&gt;Привіт&lt;/small&gt;
console.log(worldString.big());       // &lt;big&gt;Привіт&lt;/big&gt;
console.log(worldString.fontsize(7)); // &lt;font size="7"&gt;Привіт&lt;/fontsize&gt;
</pre>

<p>Використовуючи об'єкт <a href="/uk/docs/Web/API/HTMLElement/style" title="Властивість HTMLElement.style використовується для отримання, а також присвоєння внутрішнього стилю елемента. При отриманні вона вертає об'єкт CSSStyleDeclaration, який містить список усіх властивостей стилів для цього елемента, а також значення, присвоєні атрибутам, які визначені у внутрішньому атрибуті елемента style."><code>element.style</code></a>, ви можете отримати атрибут елемента <code>style</code> та маніпулювати ним у більш загальному стилі, наприклад:</p>

<pre class="brush: js">document.getElementById('yourElemId').style.fontSize = '0.7em';
</pre>

<h2 id="Специфікації">Специфікації</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Специфікація</th>
  </tr>
  <tr>
   <td>{{SpecName('ESDraft', '#sec-string.prototype.small', 'String.prototype.small')}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Сумісність_з_веб-переглядачами">Сумісність з веб-переглядачами</h2>

<p class="hidden">The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</p>

<p>{{Compat("javascript.builtins.String.small")}}</p>

<h2 id="Див._також">Див. також</h2>

<ul>
 <li>{{jsxref("String.prototype.fontsize()")}}</li>
 <li>{{jsxref("String.prototype.big()")}}</li>
</ul>