From 05564d56aa54eb11cbdc3684e1b4a843a3b9196c Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Mon, 18 Oct 2021 20:28:37 +0300 Subject: [RU] Fix live samples (#2767) --- files/ru/web/html/element/input/range/index.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'files/ru/web/html/element/input/range') diff --git a/files/ru/web/html/element/input/range/index.html b/files/ru/web/html/element/input/range/index.html index 8fc4558932..14f921c912 100644 --- a/files/ru/web/html/element/input/range/index.html +++ b/files/ru/web/html/element/input/range/index.html @@ -161,7 +161,7 @@ translation_of: Web/HTML/Element/input/range
<input type="range" min="-10" max="10">
-

{{EmbedLiveSample("Specifying_the_minimum_and_maximum", 600, 40)}}

+

{{EmbedLiveSample("Указание_минимума_и_максимума", 600, 40)}}

Настройка детализации значения

@@ -293,9 +293,11 @@ translation_of: Web/HTML/Element/input/range

Рассмотрим контроллер диапазона:

+
<input type="range" id="volume" min="0" max="11" value="7" step="1">

{{EmbedLiveSample("Orientation_sample1", 200, 200, "https://mdn.mozillademos.org/files/14983/Orientation_sample1.png")}}

+

Это горизонтальный контроллер (по крайне мере на большинстве основных браузеров, другие могут отличаться).

@@ -303,6 +305,7 @@ translation_of: Web/HTML/Element/input/range

Следуя спецификации, сделать его вертикальным также просто как добавить CSS, чтобы изменить размеры контроллера, чтобы его высота оказалась больше ширины:

+

CSS

#volume {
@@ -317,6 +320,7 @@ translation_of: Web/HTML/Element/input/range
 

Результат

{{EmbedLiveSample("Orientation_sample2", 200, 200, "https://mdn.mozillademos.org/files/14985/Orientation_sample2.png")}}

+

К сожалению, большинство браузеров сейчас не поддерживают вертикальные контроллы напрямую.

@@ -434,7 +438,7 @@ translation_of: Web/HTML/Element/input/range -webkit-appearance: slider-vertical; } -

{{EmbedLiveSample("Putting_it_all_together", 200, 200)}}

+

{{EmbedLiveSample("Все_вместе", 200, 200)}}

Спецификации

-- cgit v1.2.3-54-g00ecf